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对象和字符串之间的相互转化教程就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
easycom是Uniapp框架中非常方便的组件自动注册机制，可以大大简化组件的使用和管理，这篇文章主要介绍了uniapp中easycom用法详解,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了Vue 中使用lodash对事件进行防抖和节流操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
Nuxt.js是创建Universal Vue.js应用程序的框架。它的主要范围是UI渲染，同时抽象出客户端/服务器分布。我们的目标是创建一个足够灵活的框架，以便您可以将其用作主项目库或基于Node.js的当前项目。2020-03-03
这篇文章主要和大家一起探索Vue.js component内容实现,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
本文通过实例代码给大家介绍了vue中的无限循环，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-09-09
这篇文章主要为大家详细介绍了vue使用自定义指令实现拖拽，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
在 Vue 框架中,哪些地方容易被攻击呢？写代码的时候要注意什么呢？这篇文章中小编为大家总结了一些常见的容易受到攻击的地方,希望对大家有所帮助2024-02-02
这篇文章主要为大家介绍了Vue编译器AST抽象语法树源码分析详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库，这篇文章主要介绍了mint-ui在vue中的使用示例，这里整理了详细的代码,有需要的小伙伴可以参考下2018-04-04
这篇文章主要介绍了vue页面跳转和参数传递的两种方式，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-09-09
最新评论