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 相关文章推荐
用正则xmlHttp实现的偷(转)
Jan 22 Javascript
判断浏览器的javascript版本的代码
Sep 03 Javascript
举例详解JavaScript中Promise的使用
Jun 24 Javascript
JavaScript基于原型链的继承
Jun 22 Javascript
jQuery实现checkbox列表的全选、反选功能
Nov 24 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
Jan 11 Javascript
vue.js路由跳转详解
Aug 28 Javascript
JavaScript 异步调用
Oct 25 Javascript
详解webpack-dev-server使用方法
Sep 14 Javascript
Element UI框架中巧用树选择器的实现
Dec 12 Javascript
浅谈Node 异步IO和事件循环
May 05 Javascript
Vue实现可移动水平时间轴
Jun 29 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
全国FM电台频率大全 - 16 河南省
2020/03/11 无线电
德劲1102收音机的打理维修案例
2021/03/02 无线电
PHP判断手机是IOS还是Android
2015/12/09 PHP
Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
2019/05/08 PHP
简略的前端架构心得&&基于editor为例子的编码小技巧
2010/11/25 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
jquery 删除字符串最后一个字符的方法解析
2014/02/11 Javascript
7个JS基础知识总结
2014/03/05 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
2015/08/25 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
Bootstrap3 Grid system原理及应用详解
2016/09/30 Javascript
vue2.0多条件搜索组件使用详解
2020/03/26 Javascript
react native仿微信PopupWindow效果的实例代码
2017/08/07 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
angularjs结合html5实现拖拽功能
2018/06/25 Javascript
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
2019/12/17 Javascript
JSONP解决JS跨域问题的实现
2020/05/25 Javascript
[42:22]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第一局
2016/02/27 DOTA
python字符串连接的N种方式总结
2014/09/17 Python
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
python2.6.6如何升级到python2.7.14
2018/04/08 Python
用python生成与调用cntk模型代码演示方法
2019/08/26 Python
Django 项目通过加载不同env文件来区分不同环境
2020/02/17 Python
python中的列表和元组区别分析
2020/12/30 Python
Python爬虫之Selenium库的使用方法
2021/01/03 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
Linux上比较文件的命令都有哪些
2012/02/24 面试题
vue项目实现分页效果
2021/03/24 Vue.js
我在伊朗长大观后感
2015/06/16 职场文书
关于远足的感想
2015/08/10 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书
js之ajax文件上传
2021/05/13 Javascript
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python
springboot读取nacos配置文件
2022/05/20 Java/Android