解决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;
    }