antd vue 表单结合时间选择框回显日期数据

1.引入moment,并在方法中挂载
import moment from 'moment'
2.绑定 v-decorator
<a-form-item :label="$tc('通行时段')" :labelCol="labelCol" :wrapperCol="wrapperCol" style="margin-top: 28px;">
    <a-range-picker :show-time="{ format: 'HH:mm:ss' }" 
    format="YYYY-MM-DD HH:mm:ss" 
    :placeholder="[$tc('开始时间'), $tc('结束时间')]"
    @change="onTimeChange" @ok="onTimeOk" :disabled="isLook" 
    v-decorator="['passTime', validatorRules.passTime]" />
</a-form-item>
3..在编辑的时候定义个对应对象

passTime的格式是一个包含moment的对象。

let passTime = [
    moment(record.beginTime || this.visitorTime.beginTime),
    moment(record.endTime || this.visitorTime.endTime)
]
4.用form的setFieldsValue()回显
this.form.setFieldsValue('passTime', passTime))
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 监听输入框实时变化 2. 监听选择框的变化 3. 去掉button的默认样式 4.注意属性值不能有空格 5....
    钵仔糕的波波仔阅读 213评论 0 0
  • antd-design-vue 部分组建参考文档 完整测试代码 NOTICE Node版本为 V12, node-...
    rub1cky阅读 12,770评论 0 1
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,018评论 1 4
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,859评论 1 45
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,161评论 1 32