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函数(json)附详细说明
May 25 Javascript
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
Apr 08 Javascript
json中换行符的处理方法示例介绍
Jun 10 Javascript
使用Jquery实现每日签到功能
Apr 03 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
Jan 28 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
vue Render中slots的使用的实例代码
Jul 19 Javascript
使用Sonarqube扫描Javascript代码的示例
Dec 26 Javascript
JQuery事件委托原理与用法实例分析
May 13 jQuery
Java无向树分析 实现最小高度树
Apr 09 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 include和require的区别深入解析
2013/06/17 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
html文件中jquery与velocity变量中的$冲突的解决方法
2013/11/01 Javascript
解决json日期格式问题的3种方法
2014/02/02 Javascript
8个超实用的jQuery功能代码分享
2015/01/08 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
Angular.js实现注册系统的实例详解
2016/12/18 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
2017/01/04 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
2019/01/30 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
2019/05/09 Javascript
了解JavaScript中的选择器
2019/05/24 Javascript
基于axios 的responseType类型的设置方法
2019/10/29 Javascript
JS运算符简单用法示例
2020/01/19 Javascript
python网络编程学习笔记(一)
2014/06/09 Python
python进阶教程之函数参数的多种传递方法
2014/08/30 Python
Python脚本在Appium库上对移动应用实现自动化测试
2015/04/17 Python
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
详解如何在cmd命令窗口中搭建简单的python开发环境
2019/08/29 Python
Python通过4种方式实现进程数据通信
2020/03/12 Python
django xadmin action兼容自定义model权限教程
2020/03/30 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
使用layui实现左侧菜单栏及动态操作tab项的方法
2020/11/10 HTML / CSS
残疾人创业典型事迹
2014/02/01 职场文书
俄语专业毕业生求职信
2014/07/12 职场文书
教师民族团结演讲稿
2014/08/27 职场文书
个人四风问题对照检查材料
2014/09/26 职场文书
颐和园导游词400字
2015/01/30 职场文书
大学体育课感想
2015/08/10 职场文书
三年级作文之趣事作文
2019/11/04 职场文书
MySQL优化之如何写出高质量sql语句
2021/05/17 MySQL
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python