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的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
js中判断控件是否存在
Aug 25 Javascript
jquery实现图片左右切换的方法
May 07 Javascript
JavaScript计划任务后台运行的方法
Dec 18 Javascript
谈谈我对JavaScript DOM事件的理解
Dec 18 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
Javascript实现跑马灯效果的简单实例
May 31 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
Jan 20 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
JS实现的base64加密解密操作示例
Apr 18 Javascript
使用gulp构建前端自动化的方法示例
Dec 25 Javascript
vue-cli3 从搭建到优化的详细步骤
Jan 20 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
php的urlencode()URL编码函数浅析
2011/08/09 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
Zend Framework教程之MVC框架的Controller用法分析
2016/03/07 PHP
RR vs IO BO3 第一场2.13
2021/03/10 DOTA
农历与西历对照
2006/09/06 Javascript
通用JS事件写法实现代码
2009/01/07 Javascript
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
基于jquery的地址栏射击游戏代码
2011/03/10 Javascript
JS实现图片横向滚动效果示例代码
2013/09/04 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
jquery uploadify 在FF下无效的解决办法
2014/09/26 Javascript
JavaScript实现N皇后问题算法谜题解答
2014/12/29 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
JavaScript中reduce()方法的使用详解
2015/06/09 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
jQuery动态星级评分效果实现方法
2015/08/06 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
Node.js读取文件内容示例
2017/03/07 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
2017/09/30 Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
2018/03/17 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
vue实现按需加载组件及异步组件功能
2019/05/27 Javascript
浅谈js数组splice删除某个元素爬坑
2020/10/14 Javascript
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
python 为什么说eval要慎用
2019/03/26 Python
python对矩阵进行转置的2种处理方法
2019/07/17 Python
工作失误检讨书范文大全
2014/01/13 职场文书
师范毕业生求职信
2014/07/11 职场文书
中学生运动会新闻稿
2014/09/24 职场文书
2015年度优秀员工自荐书
2015/03/06 职场文书
给男朋友的道歉短信
2015/05/12 职场文书
《秦兵马俑》教学反思
2016/02/24 职场文书
python爬虫--selenium模块
2021/03/31 Python