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压缩工具:X2JSCompactor
Jun 13 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
Nov 12 Javascript
js分页代码分享
Apr 28 Javascript
jquery+json实现动态商品内容展示的方法
Jan 14 Javascript
基于JavaScript短信验证码如何实现
Jan 24 Javascript
JS实现简单的二维矩阵乘积运算
Jan 26 Javascript
原生js实现焦点轮播图效果
Jan 12 Javascript
Javascript实现跨域后台设置拦截的方法详解
Aug 04 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
Nov 22 Javascript
从组件封装看Vue的作用域插槽的实现
Feb 12 Javascript
JS实现普通轮播图特效
Jan 01 Javascript
javascript实现用户必须勾选协议实例讲解
Mar 24 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 进程锁定问题分析研究
2009/11/24 PHP
php生成随机密码的几种方法
2011/01/17 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
js 鼠标拖动对象 可让任何div实现拖动效果
2009/11/09 Javascript
js 利用image对象实现图片的预加载提高访问速度
2013/03/29 Javascript
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
$(document).ready(function() {})不执行初始化脚本
2014/06/19 Javascript
使用AngularJS实现可伸缩的页面切换的方法
2015/06/19 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
2016/07/12 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
JS时间控制实现动态效果的实例讲解
2017/07/31 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
2017/09/04 Javascript
使用vue实现grid-layout功能实例代码
2018/01/05 Javascript
浅析Vue.js中v-bind v-model的使用和区别
2018/12/04 Javascript
JS中的一些常用的函数式编程术语
2019/06/15 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
python网络编程学习笔记(九):数据库客户端 DB-API
2014/06/09 Python
使用python和pygame绘制繁花曲线的方法
2018/02/24 Python
Python pandas用法最全整理
2019/08/04 Python
Python jieba结巴分词原理及用法解析
2020/11/05 Python
Python利用imshow制作自定义渐变填充柱状图(colorbar)
2020/12/10 Python
python实现代码审查自动回复消息
2021/02/01 Python
python 利用openpyxl读取Excel表格中指定的行或列教程
2021/02/06 Python
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
使用HTML5技术开发一个属于自己的超酷颜色选择器
2013/09/22 HTML / CSS
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
英国玛莎百货澳大利亚:Marks & Spencer Australia
2019/08/30 全球购物
Gibson London官网:以地道的英国男装而著称
2019/12/06 全球购物
运动会广播稿200字
2014/01/15 职场文书
迟到检讨书300字
2014/02/14 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
2014年银行工作总结范文
2014/11/12 职场文书
2015年校长新年寄语
2014/12/08 职场文书
教师远程培训心得体会
2016/01/09 职场文书
【海涛教你打DOTA】死灵飞龙第一视角解说
2022/04/01 DOTA
详解如何使用Nginx解决跨域问题
2022/05/06 Servers