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

Posted 2022-06-02 wanghj-15

问题描述：

　　在前端使用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;