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-ti
·
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))
5.大功告成!
更多推荐
已为社区贡献1条内容
所有评论(0)