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 相关文章推荐
js实现的常用的左侧导航效果
Oct 17 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
Oct 31 Javascript
window.open()实现post传递参数
Mar 12 Javascript
基于javascript编写简单日历
May 02 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
ES6学习教程之对象的扩展详解
May 02 Javascript
webpack配置打包后图片路径出错的解决
Apr 26 Javascript
微信小程序结合Storage实现搜索历史效果
May 18 Javascript
layui2.0使用table+laypage实现真分页
Jul 27 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
Sep 06 Javascript
vue+AI智能机器人回复功能实现
Jul 16 Javascript
前端vue如何使用高德地图
Nov 05 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获取表单textarea数据中的换行问题
2010/09/10 PHP
写php分页时出现的Fatal error的解决方法
2011/04/18 PHP
在smarty模板中使用PHP函数的方法
2011/04/23 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
php的4种常见运行方式
2015/03/20 PHP
php微信公众账号开发之前五个坑(一)
2016/09/18 PHP
php实现的中文分词类完整实例
2017/02/06 PHP
JavaScript库 开发规则
2009/01/31 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
javascript中通过arguments参数伪装方法重载
2014/10/08 Javascript
Javascript获取当前日期的农历日期代码
2014/10/08 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
2014/12/16 Javascript
基于canvas实现的绚丽圆圈效果完整实例
2016/01/26 Javascript
AngularJS动态生成div的ID源码解析
2016/08/29 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
2017/02/08 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
2017/05/19 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
jQuery实现滑动开关效果
2020/08/02 jQuery
[20:57]Ti4主赛事第三天开幕式
2014/07/21 DOTA
Python实现方便使用的级联进度信息实例
2015/05/05 Python
Python常用的内置序列结构(列表、元组、字典)学习笔记
2016/07/08 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
Python中断言Assertion的一些改进方案
2016/10/27 Python
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
Jupyter安装nbextensions,启动提示没有nbextensions库
2020/04/23 Python
python requests库爬取豆瓣电视剧数据并保存到本地详解
2019/08/10 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
幼教个人求职信范文
2013/12/02 职场文书
一位农村小子的自荐信
2014/04/07 职场文书
乡镇领导班子批评与自我批评材料
2014/09/23 职场文书
不知如何爱孩子,这些方法教会您
2019/08/06 职场文书
Ajax实现局部刷新的方法实例
2021/03/31 Javascript
MySQL RC事务隔离的实现
2022/03/31 MySQL
python函数的两种嵌套方法使用
2022/04/02 Python
对讲机知识
2022/04/07 无线电