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 播放器 控制
Jan 22 Javascript
自制轻量级仿jQuery.boxy对话框插件代码
Oct 26 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
Mar 29 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
Dec 31 Javascript
项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
Jul 28 Javascript
jquery点击切换背景色的简单实例
Aug 25 Javascript
js发送短信倒计时的简单实现方法
Sep 08 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
Sep 12 Javascript
使用Angular.js开发的注意事项
Oct 19 Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 Javascript
jQuery树控件zTree使用方法详解(一)
Feb 28 Javascript
详解angularjs实现echart图表效果最简洁教程
Nov 29 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
ezSQL PHP数据库操作类库
2010/05/16 PHP
php设置session值和cookies的学习示例
2014/03/21 PHP
php检测文本的编码
2015/07/26 PHP
使用JavaScript创建新样式表和新样式规则
2016/06/14 PHP
Laravel 批量更新多条数据的示例
2017/11/27 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
jquery photoFrame 图片边框美化显示插件
2010/06/28 Javascript
动态标签 悬停效果 延迟加载示例代码
2013/11/21 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
理解javascript对象继承
2016/04/17 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
javascript编程实现栈的方法详解【经典数据结构】
2017/04/11 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
2017/09/13 Javascript
利用Javascript实现一套自定义事件机制
2017/12/14 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
2019/02/19 Javascript
详解在Vue.js编写更好的v-for循环的6种技巧
2020/04/14 Javascript
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
[00:12]2018DOTA2亚洲邀请赛 sylar表现SOLO技艺
2018/04/06 DOTA
python正则表达式match和search用法实例
2015/03/26 Python
Python使用scrapy采集时伪装成HTTP/1.1的方法
2015/04/08 Python
Python网络编程详解
2017/10/31 Python
python的Crypto模块实现AES加密实例代码
2018/01/22 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
纯CSS3实现圆圈动态发光特效动画的示例代码
2021/03/08 HTML / CSS
美国娱乐和流行文化商品店:FYE
2017/09/14 全球购物
英国PC组件和在线电脑商店:SCAN
2019/04/18 全球购物
RealTek面试题
2016/06/28 面试题
环境工程与管理大学毕业生求职信
2013/10/02 职场文书
应届生学校辅导员求职信
2013/11/07 职场文书
市优秀教师事迹材料
2014/02/05 职场文书
大学三年计划书范文
2014/04/30 职场文书
Vue详细的入门笔记
2021/05/10 Vue.js