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 相关文章推荐
Jquery操作Select 简单方便 一个js插件搞定
Nov 12 Javascript
基于jquery的cookie的用法
Jan 10 Javascript
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
Feb 03 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
Apr 06 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
Jun 16 Javascript
基于jQuery实现表格的排序
Dec 02 Javascript
javascript简单链式调用案例分析
May 10 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
Mar 01 Javascript
Vue render深入开发讲解
Apr 13 Javascript
详解JS取出两个数组中的不同或相同元素
Mar 20 Javascript
小程序中英文混合排序问题解决
Aug 02 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实现下载文件的两种方法
2013/07/05 PHP
ThinkPHP后台首页index使用frameset时的注意事项分析
2014/08/22 PHP
PHP实现恶意DDOS攻击避免带宽占用问题方法
2015/05/27 PHP
PHP实现的curl批量请求操作示例
2018/06/06 PHP
如何通过PHP实现Des加密算法代码实例
2020/05/09 PHP
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
JS.elementGetStyle(element, style)应用示例
2013/09/24 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
JS的事件绑定深入认识
2014/06/26 Javascript
jQuery选择器源码解读(三):tokenize方法
2015/03/31 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
2015/05/07 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
2015/10/21 Javascript
Node.js实用代码段之获取Buffer对象字节长度
2016/03/17 Javascript
基于javascript实现tab选项卡切换特效调试笔记
2016/03/30 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
2016/05/12 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
2016/12/24 Javascript
jquery Form轻松实现文件上传
2017/05/24 jQuery
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
微信小程序websocket实现聊天功能
2020/03/30 Javascript
vue2.0的虚拟DOM渲染思路分析
2018/08/09 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
2019/09/29 Javascript
javascript如何实现create方法
2019/11/04 Javascript
javascript局部自定义鼠标右键菜单
2020/12/08 Javascript
利用Django-environ如何区分不同环境
2018/08/26 Python
详解Python中的内建函数,可迭代对象,迭代器
2019/04/29 Python
python实现按关键字筛选日志文件
2019/12/24 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
用HTML5制作烟火效果的教程
2015/05/12 HTML / CSS
个人投资计划书
2014/05/01 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
付款委托书范本
2014/10/05 职场文书
优秀团员主要事迹范文
2015/11/05 职场文书
Python-OpenCV教程之图像的位运算详解
2021/06/21 Python
Android开发EditText禁止输入监听及InputFilter字符过滤
2022/06/10 Java/Android