当前位置: 代码迷 >> 综合 >> spring boot + vue提交有日期的表单报JSON parse error错
  详细解决方案

spring boot + vue提交有日期的表单报JSON parse error错

热度:40   发布时间:2024-02-27 00:21:35.0

提交表单时,表单里用到了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')})

 

  相关解决方案