解决elementui日期时间选择器提交时与后台date类型不匹配问题

时间:2023-12-12 23:45:20

问题描述:

  在前端使用elementui的日期时间选择器后,在通过axios进行提交的时候,前端控制台出现了400(数据类型不匹配的错误)的错误。

 <el-form-item label="跟进时间" prop="traceTime">
<el-date-picker
v-model="customerTraceHistory.traceTime"
type="datetime"
placeholder="跟进时间">
</el-date-picker>
</el-form-item>

错误的原因:后台实体类的注解问题

错误前的代码:

   @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
public Date getTraceTime() {
return traceTime;
} @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")
public void setTraceTime(Date traceTime) {
this.traceTime = traceTime;
}

解决之后的代码:

   @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
public Date getTraceTime() {
return traceTime;
} @JsonFormat(pattern = "yyyy-MM-dd",timezone = "GMT+8")
public void setTraceTime(Date traceTime) {
this.traceTime = traceTime;
}