Ant Design moment对象和字符串之间的相互转化教程

 更新时间:2020年10月27日 11:49:48   作者:毅大师  
这篇文章主要介绍了Ant Design moment对象和字符串之间的相互转化教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

moment对象转字符串

values.saleStartTime=values.saleStartTime.format('YYYY-MM-DD');

字符串转moment对象

this.model.saleStartTime=moment(record.saleStartTime);

补充知识:vue ant design 的日期组件range-picker表单中进行moment赋值问题

官方文档这样写

参数 说明 类型
showTime.defaultValue 设置用户选择日期时默认的时分秒 moment[]

之前进行过普通票哪个的datepicker赋值

区别是range-picker是将两个日期存成了moment[]类型的数组

这个就比较操蛋了,后台不想拆成2个字段,只好把它转成字符串

formData.showDate = formData.showDate.join(',')

然而,再拿回来转成数组去赋值,不行……

具体原因找了好久才对比出来,原因不说了,看一下正确的流程

formData.showDate = [ formData.showDate[0].toISOString() , formData.showDate[1].toISOString() ];

formData.showDate = formData.showDate.join(',')

然后赋值就是正常赋值:

this.model.showDate?this.model.showDate= [moment(this.model.showDate[0], 'YYYY-MM-DD HH:mm:ss'), moment(this.model.showDate[1], 'YYYY-MM-DD HH:mm:ss')]:null
this.form.setFieldsValue({ showDate: this.model.showDate ? this.model.showDate : null })

以上这篇Ant Design moment对象和字符串之间的相互转化教程就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • IE11下处理Promise及Vue的单项数据流问题

    IE11下处理Promise及Vue的单项数据流问题

    最近我开发的公司的竞赛网站被发现在IE11下排行榜无数据,但是在其他浏览器没问题,我然后打开控制台一看,发现有问题,纠结了半天才捣腾好,下面小编把方案分享处理,供大家选择
    2019-07-07
  • vue组件间通信子与父详解(二)

    vue组件间通信子与父详解(二)

    这篇文章主要为大家详细介绍了vue组件间通信子与父的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • Vue开发常用方法详解

    Vue开发常用方法详解

    这篇文章主要为大家介绍了Vue开发常用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12
  • vue实现验证用户名是否可用

    vue实现验证用户名是否可用

    这篇文章主要为大家详细介绍了vue实现验证用户名是否可用,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • vue默认插槽的理解与实例代码

    vue默认插槽的理解与实例代码

    对于插槽的概念和使用,这是vue的一个难点,这需要我们静下心来,慢慢研究,下面这篇文章主要给大家介绍了关于vue默认插槽的相关资料,需要的朋友可以参考下
    2021-11-11
  • vue截取视频第一帧的图片问题

    vue截取视频第一帧的图片问题

    这篇文章主要介绍了vue截取视频第一帧的图片问题,基本就是用cavas进行绘制,解决一下跨域问题,截视频第一帧,然后根据视频原本的宽高进行绘制,最后转一下图片格式即可,需要的朋友可以参考下
    2022-11-11
  • vue实现虚拟滚动的示例详解

    vue实现虚拟滚动的示例详解

    虚拟滚动或者移动是指禁止原生滚动,之后通过监听浏览器的相关事件实现模拟滚动,下面小编就来和大家详细介绍一下vue实现虚拟滚动的示例代码,需要的可以参考下
    2023-10-10
  • Vue项目中npm install卡住问题解决的详细指南

    Vue项目中npm install卡住问题解决的详细指南

    这篇文章主要介绍了Vue项目中npm install卡住问题解决的相关资料,文中包括更换npm镜像源、清除npm缓存、删除.npmrc文件和升级Node.js版本,需要的朋友可以参考下
    2024-12-12
  • vue.set向对象里增加多层数组属性不生效问题及解决

    vue.set向对象里增加多层数组属性不生效问题及解决

    这篇文章主要介绍了vue.set向对象里增加多层数组属性不生效问题及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • Vue3中的element-plus表格实现代码

    Vue3中的element-plus表格实现代码

    这篇文章主要介绍了Vue3中的element-plus表格实现代码,用组件属性实现跳转路由,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2024-05-05

最新评论