码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-08-01 17:40:24      阅读:533      评论:0      收藏:0      [点我收藏+]

标签:bsp   one   代码   element   axios   数据   class   解决   oid   

问题描述:

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

 

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

标签:bsp   one   代码   element   axios   数据   class   解决   oid   

原文地址:https://www.cnblogs.com/wanghj-15/p/11283851.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!