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.datathis.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}})