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 相关文章推荐
List the Stored Procedures in a SQL Server database
Jun 20 Javascript
利用webqq协议使用python登录qq发消息源码参考
Apr 08 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
通过url查找a元素并点击
Apr 09 Javascript
jquery获取一个元素下面相同子元素的个数代码
Jul 31 Javascript
jquery读写cookie操作实例分析
Dec 24 Javascript
微信小程序 WebSocket详解及应用
Jan 21 Javascript
使用vue2.0创建的项目的步骤方法
Sep 25 Javascript
element el-input directive数字进行控制
Oct 11 Javascript
clipboard在vue中的使用的方法示例
Oct 19 Javascript
vue+webpack中配置ESLint
Nov 07 Javascript
JavaScript类的继承多种实现方法
May 30 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实现按指定大小等比缩放生成上传图片缩略图的方法
2014/12/15 PHP
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
PHP运行模式汇总
2016/11/06 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
详解PHP素材图片上传、下载功能
2019/04/12 PHP
IE与Firefox在JavaScript上的7个不同写法小结
2009/09/14 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
JavaScript获取按钮所在form表单id的方法
2015/04/02 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
2017/08/14 Javascript
JointJS流程图的绘制方法
2018/12/03 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
2019/06/10 Javascript
浅析vue-router实现原理及两种模式
2020/02/11 Javascript
Node.js API详解之 module模块用法实例分析
2020/05/13 Javascript
Vue select 绑定动态变量的实例讲解
2020/10/22 Javascript
python使用内存zipfile对象在内存中打包文件示例
2014/04/30 Python
Python 关于反射和类的特殊成员方法
2017/09/14 Python
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
分析python动态规划的递归、非递归实现
2018/03/04 Python
Python3.遍历某文件夹提取特定文件名的实例
2018/04/26 Python
实例详解python函数的对象、函数嵌套、名称空间和作用域
2019/05/31 Python
Flask框架学习笔记之消息提示与异常处理操作详解
2019/08/15 Python
python监控nginx端口和进程状态
2019/09/06 Python
pandas数据拼接的实现示例
2020/04/16 Python
英国No.1文具和办公用品在线:Euroffice
2016/09/21 全球购物
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
应用化学专业本科生求职信
2013/09/29 职场文书
怎样客观的做好自我评价
2013/12/28 职场文书
婚礼司仪主持词
2014/03/14 职场文书
感恩教育活动总结
2014/05/05 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
导游词之西递宏村
2019/12/10 职场文书