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


Posted in Javascript onOctober 27, 2020

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对象和字符串之间的相互转化教程就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript操纵Cookie实现购物车程序
Nov 23 Javascript
jQuery 学习入门篇附实例代码
Mar 16 Javascript
Javascript计算时间差的函数分享
Jul 04 Javascript
jQuery源码中的chunker 正则过滤符分析
Jul 31 Javascript
JavaScript获取多个数组的交集简单实例
Nov 11 Javascript
jQuery源码解读之hasClass()方法分析
Feb 20 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
js制作支付倒计时页面
Oct 21 Javascript
JS 调用微信扫一扫功能
Dec 22 Javascript
vuex的使用及持久化state的方式详解
Jan 23 Javascript
JS异步处理的进化史深入讲解
Aug 25 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
Oct 24 Javascript
ant-design表单处理和常用方法及自定义验证操作
Oct 27 #Javascript
ant design 日期格式化的实现
Oct 27 #Javascript
基于ant design日期控件使用_仅月份的操作
Oct 27 #Javascript
ant-design-vue 时间选择器赋值默认时间的操作
Oct 27 #Javascript
ant design vue中日期选择框混合时间选择器的用法说明
Oct 27 #Javascript
vue-cli3配置favicon.ico和title的流程
Oct 27 #Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 #Javascript
You might like
浅谈apache和nginx的rewrite的区别
2013/02/22 PHP
高质量PHP代码的50个实用技巧必备(上)
2016/01/22 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
php+ajax实现文件切割上传功能示例
2020/03/03 PHP
javascript 对象的定义方法
2007/01/10 Javascript
ext combox 下拉框不出现自动提示,自动选中的解决方法
2010/02/24 Javascript
Notify - 基于jquery的消息通知插件
2011/10/18 Javascript
DOM 中的事件处理介绍
2012/01/18 Javascript
jQuery的load()方法及其回调函数用法实例
2015/03/25 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
2018/01/21 Javascript
在Vue项目中引入JQuery-ui插件的讲解
2019/01/27 jQuery
JavaScript使用面向对象实现的拖拽功能详解
2019/06/12 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
2019/09/11 Javascript
Element MessageBox弹框的具体使用
2020/07/27 Javascript
VUE实时监听元素距离顶部高度的操作
2020/07/29 Javascript
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
Vue自定义多选组件使用详解
2020/09/08 Javascript
vue项目实现多语言切换的思路
2020/09/17 Javascript
Python实现的最近最少使用算法
2015/07/10 Python
python实现机器人行走效果
2018/01/29 Python
windows下添加Python环境变量的方法汇总
2018/05/14 Python
破解安装Pycharm的方法
2018/10/19 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
如何基于pandas读取csv后合并两个股票
2020/09/25 Python
python中spy++的使用超详细教程
2021/01/29 Python
Html5大文件断点续传实现方法
2015/12/05 HTML / CSS
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
英国时尚运动品牌的合集:The Sports Edit
2017/12/20 全球购物
荷兰牛仔裤网上商店:Jeans Centre
2018/04/03 全球购物
海飞丝的广告词
2014/03/20 职场文书
事业单位鉴定材料
2014/05/25 职场文书
励志演讲稿200字
2014/08/21 职场文书
导游词之江西赣州
2019/10/15 职场文书