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语言的思想前提想学习js的朋友可以看看
Apr 01 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
Jul 09 Javascript
JS按字节截取字符长度实例
Nov 20 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
Feb 13 Javascript
实用框架(iframe)操作代码
Oct 23 Javascript
js选项卡的实现方法
Feb 09 Javascript
JavaScript代码生成PDF文件的方法
Feb 26 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
bootstrap警告框示例代码分享
May 17 Javascript
JavaScript实现简单贪吃蛇效果
Mar 09 Javascript
vue抽出组件并传值实例
Jul 31 Javascript
vue 实现基础组件的自动化全局注册
Dec 25 Vue.js
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启用zlib压缩文件的配置方法
2013/06/12 PHP
php中自定义函数dump查看数组信息类似var_dump
2014/01/27 PHP
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
javascript tips提示框组件实现代码
2010/11/19 Javascript
原生Js页面滚动延迟加载图片实现原理及过程
2013/06/24 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
2015/05/06 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
js实现网页收藏功能
2015/12/17 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
2016/06/13 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
微信小程序scroll-view组件实现滚动动画
2018/01/31 Javascript
使用vue for时为什么要key【推荐】
2019/07/11 Javascript
[04:14]从西雅图到上海——玩家自制DOTA2主题歌曲应援TI9
2019/07/11 DOTA
linux系统使用python监测网络接口获取网络的输入输出
2014/01/15 Python
python Opencv将图片转为字符画
2021/02/19 Python
pyhton列表转换为数组的实例
2018/04/04 Python
解决python升级引起的pip执行错误的问题
2018/06/12 Python
python实现诗歌游戏(类继承)
2019/02/26 Python
Pytorch释放显存占用方式
2020/01/13 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
python numpy库np.percentile用法说明
2020/06/08 Python
keras K.function获取某层的输出操作
2020/06/29 Python
PyQT5速成教程之Qt Designer介绍与入门
2020/11/02 Python
使用Python获取爱奇艺电视剧弹幕数据的示例代码
2021/01/12 Python
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
材料专业毕业生求职信
2014/02/26 职场文书
工作批评与自我批评范文
2014/10/16 职场文书
2014年学校教学工作总结
2014/12/06 职场文书
药店收银员岗位职责
2015/04/07 职场文书
开场白怎么写
2015/06/01 职场文书
一次线上mongo慢查询问题排查处理记录
2022/03/18 MongoDB