提交表单时,表单里用到了ant design vue的a-date-picker日期选择器,但在提交的时候报JSON parse error错误。
通过调试打印出来的数据可以看到,提交的数据日期格式是一个Moment对象,需要把这个转为字符串才可以,同时后台接收数据也需要在日期数据上加上JsonFormat注解
后台
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
@Field("start_date")
private Date startDate;
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
@Field("end_date")
private Date endDate;
前端提交数据
import moment from 'moment'let values = this.form.getFieldsValue(['contract', 'startDate', 'endDate'])
values.startDate = moment(values.startDate).format('YYYY-MM-DD HH:mm:ss')
values.endDate = moment(values.endDate).format('YYYY-MM-DD HH:mm:ss')
前端获取数据
this.form.setFieldsValue({'startDate': moment(basicInfo.startDate, 'YYYY-MM-DD HH:mm:ss')})
this.form.setFieldsValue({'endDate': moment(basicInfo.endDate, 'YYYY-MM-DD HH:mm:ss')})