解決elementui日期時間選擇器提交時與后台date類型不匹配問題

問題描述：

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