欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-23 23:12:37
问题描述: 在前端使用elementui的日期时间选择器后,在通过axios进行提交的时候,前端控制台出现了400(数据类型不匹配的错误)的错误。 错误的原因:后台实体类的注解问题 错误前的代码: 解决之后的代码: ......

问题描述:

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