ant-design-vue|vue ant design 的日期组件range-picker表单中进行moment赋值问题
官方文档这样写
| 参数 | 说明 | 类型 |
|---|---|---|
| showTime.defaultValue | 设置用户选择日期时默认的时分秒 | moment[] |
区别是range-picker是将两个日期存成了moment[]类型的数组
这个就比较操蛋了，后台不想拆成2个字段，只好把它转成字符串
formData.showDate = formData.showDate.join(',')
然而，再拿回来转成数组去赋值，不行……
具体原因找了好久才对比出来，原因不说了，看一下正确的流程
formData.showDate = [ formData.showDate[0].toISOString() , formData.showDate[1].toISOString() ];
formData.showDate = formData.showDate.join(',')
【ant-design-vue|vue ant design 的日期组件range-picker表单中进行moment赋值问题】然后赋值就是正常赋值：
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')]:nullthis.form.setFieldsValue({ showDate: this.model.showDate ? this.model.showDate : null })
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show