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 相关文章推荐
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
Sep 19 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
JQuery each打印JS对象的方法
Nov 13 Javascript
javascript 实现字符串反转的三种方法
Nov 23 Javascript
JS获取地址栏参数的几种方法小结
Feb 28 Javascript
JS显示下拉列表框内全部元素的方法
Mar 31 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
Jun 21 Javascript
JS基于递归实现倒计时效果的方法
Nov 26 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
Nov 07 Javascript
17道题让你彻底理解JS中的类型转换
Aug 08 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 Vue.js
基于javascript实现移动端轮播图效果
Dec 21 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 gbk环境下json_dencode传送来的汉字
2012/11/13 PHP
PHP的伪随机数与真随机数详解
2015/05/27 PHP
PHP处理postfix邮件内容的方法
2015/06/16 PHP
在WordPress中安装使用视频播放器插件Hana Flv Player
2016/01/04 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
PHP创建自己的Composer包方法
2018/04/09 PHP
PHP7 echo和print语句实例用法
2019/02/15 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
javascript制作游戏开发碰撞检测的封装代码
2015/03/31 Javascript
jfinal与bootstrap的登录跳转实战演习
2015/09/22 Javascript
jquery 判断div show的状态实例
2016/12/03 Javascript
JavaScript调试的多个必备小Tips
2017/01/15 Javascript
JavaScript获取URL参数的方法之一
2017/03/24 Javascript
JavaScript闭包和回调详解
2017/08/09 Javascript
用vue快速开发app的脚手架工具
2018/06/11 Javascript
Node.js 如何利用异步提升任务处理速度
2019/01/07 Javascript
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
基于Layui自定义模块的使用方法详解
2019/09/14 Javascript
Vue3.0中的monorepo管理模式的实现
2019/10/14 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
[56:20]LGD vs VP Supermajor 败者组决赛 BO3 第三场 6.10
2018/07/04 DOTA
python实现系统状态监测和故障转移实例方法
2013/11/18 Python
python实现文件名批量替换和内容替换
2014/03/20 Python
Python中使用SAX解析xml实例
2014/11/21 Python
Python科学计算之NumPy入门教程
2017/01/15 Python
K-means聚类算法介绍与利用python实现的代码示例
2017/11/13 Python
Python实现修改IE注册表功能示例
2018/05/10 Python
python实现任意位置文件分割的实例
2018/12/14 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
Python pycharm 同时加载多个项目的方法
2019/01/17 Python
使用python socket分发大文件的实现方法
2019/07/08 Python
TensorFlow 读取CSV数据的实例
2020/02/05 Python
Python3.7安装pyaudio教程解析
2020/07/24 Python
湘江北去观后感
2015/06/15 职场文书
Go语言基础切片的创建及初始化示例详解
2021/11/17 Golang