当前位置: 移动技术网 > IT编程>网页制作>CSS > 解决elementui日期时间选择器提交时与后台date类型不匹配问题

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

2019年08月01日  | 移动技术网IT编程  | 我要评论

问题描述:

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

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网