template:
<a-form-item label="有效日期" has-feedback="" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker
v-decorator="['dates', { rules: [{ required: true, message: '请输入日期!' }] }]"
:show-time="{hideDisabledOptions: true,
defaultValue: [moment('00:00:00','HH:mm:ss'),
moment('23:59:59', 'HH:mm:ss')],}"
format="YYYY-MM-DD HH:mm:ss"
/>
</a-form-item>
从后端拿到的数据给页面赋值:
accountPackDetail({ id: id }).then((res) => {
let item = res.data
this.form.setFieldsValue({
acontractPrice: item.acontractPrice,
bcontractPrice: item.bcontractPrice,
dcontractPrice: item.dcontractPrice,
dates: [moment(item.startDate, 'YYYY-MM-DD HH:mm:ss'),
moment(item.expireDate, 'YYYY-MM-DD HH:mm:ss')],//数组赋值方法
})
})
向后端传参时转换:
let params = {
id: this.id,
remark: values.remark,
expireDate: moment(values.dates[0]).format('YYYY-MM-DD HH:mm:ss'),//转换
startDate: moment(values.dates[1]).format('YYYY-MM-DD HH:mm:ss')//转换
}
updatePackage(params).then((res) => {
if (res.code == 200) {
this.visible = false
}
})