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))