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 相关文章推荐
JQery jstree 大数据量问题解决方法
Mar 09 Javascript
JavaScript判断一个URL链接是否有效的实现方法
Oct 08 Javascript
javascript异步编程的4种方法
Feb 19 Javascript
javascript正则表达式中分组详解
Jul 17 Javascript
修改jquery中dialog的title属性方法(推荐)
Aug 26 Javascript
jQuery实现微信长按识别二维码功能
Aug 26 Javascript
使用JavaScript为一张图片设置备选路径的方法
Jan 04 Javascript
AngularJs 终极购物车(实例讲解)
Nov 08 Javascript
vue实现模态框的通用写法推荐
Feb 26 Javascript
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
Node.js API详解之 querystring用法实例分析
Apr 29 Javascript
js实现省级联动(数据结构优化)
Jul 17 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
DISCUZ 分页代码
2007/01/02 PHP
ThinkPHP的RBAC(基于角色权限控制)深入解析
2013/06/17 PHP
PHP仿博客园 个人博客(1) 数据库与界面设计
2013/07/05 PHP
网页禁用右键实现代码(JavaScript代码)
2009/10/29 Javascript
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
有趣的javascript数组定义方法
2010/09/10 Javascript
js读取注册表的键值示例
2013/09/25 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
JS动态修改iframe高度和宽度的方法
2015/04/01 Javascript
NodeJs中的VM模块详解
2015/05/06 NodeJs
IE8兼容Jquery.validate.js的问题
2016/12/01 Javascript
javascript容错处理代码(屏蔽js错误)
2017/01/20 Javascript
微信小程序 PHP生成带参数二维码
2017/02/21 Javascript
在使用JSON格式处理数据时应该注意的问题小结
2017/05/20 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
2019/09/10 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
2020/03/07 Javascript
解决VueCil代理本地proxytable无效报错404的问题
2020/11/07 Javascript
在Vue中使用mockjs代码实例
2020/11/25 Vue.js
Python内建数据结构详解
2016/02/03 Python
python实现随机森林random forest的原理及方法
2017/12/21 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
python实现自动获取IP并发送到邮箱
2018/12/26 Python
python画图--输出指定像素点的颜色值方法
2019/07/03 Python
对python中各个response的使用说明
2020/03/28 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
python中类与对象之间的关系详解
2020/12/16 Python
英国豪华装饰照明品牌的在线零售商:Inspyer Lighting
2019/12/10 全球购物
2014年两会学习心得范例
2014/03/17 职场文书
垃圾桶标语
2014/06/24 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
2014年信息技术工作总结
2014/12/16 职场文书
2016圣诞节贺卡寄语
2015/12/07 职场文书
PyQt5 显示超清高分辨率图片的方法
2021/04/11 Python
MySQL注入基础练习
2021/05/30 MySQL
Anaconda安装pytorch及配置PyCharm 2021环境
2021/06/04 Python