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

叁歲伎倆 2023-08-17 17:48 95阅读 0赞

**问题描述：**

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

转载于:https://www.cnblogs.com/wanghj-15/p/11283851.html

发表评论取消回复

表情：

评论列表（有 0 条评论，95人围观）

还没有评论，来说两句吧...

相关阅读

相关 elementUI日期时间选择器

1.只能选择今天和今天以后的时间范围 <el-date-picker 　　v-model="shop.receive_time[0]" 　　type=

分手后的思念是犯贱/ 2024年04月08日 09:29/ 0 赞/ 85 阅读

相关 ElementUI中el-upload传递额外参数为date类型时后台SpringBoot接收不到

场景 ElementUI中el-upload怎样上传文件并且传递额外参数给Springboot后台进行接收： [https://mp.csdn.net/console/

忘是亡心i/ 2023年10月05日 08:16/ 0 赞/ 40 阅读

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

问题描述：　　在前端使用elementui的日期时间选择器后，在通过axios进行提交的时候，前端控制台出现了400（数据类型不匹配的错误）的错误。 <el-fo

叁歲伎倆/ 2023年08月17日 17:48/ 0 赞/ 96 阅读

相关 element——时间选择器当天之后，后一选择器时间不超过前时间选择器

element——时间选择器当天之后，后一选择器时间不超过前时间选择器 <el-date-picker type="date" placehol

た入场券/ 2023年01月09日 12:48/ 0 赞/ 337 阅读

相关 elementui日期时间选择限制

参考文章 https://blog.csdn.net/qq\_36747046/article/details/106946325 https://blog.csdn.n

Bertha 。/ 2022年12月22日 15:30/ 0 赞/ 274 阅读

相关 elementui 时间件选择器 zuijinwunian

pickerOptions: \{ disabledDate (time) \{ var startDate = new D

深碍√TFBOYSˉ_/ 2022年12月17日 11:53/ 0 赞/ 248 阅读

相关 Element el-date 日期时间选择器详解

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. 基本用法 3. 设置默认时间 4. 选择范围 5.

我就是我/ 2022年09月16日 03:58/ 0 赞/ 360 阅读

相关解决表单提交到后台，日期类型转换问题

@ControllerAdvice public class BaseController \{ @InitBinder public void initBinder(W

忘是亡心i/ 2022年05月29日 02:41/ 0 赞/ 236 阅读

相关 MYSQL Date/Time(日期/时间)类型

DATE 日期类型格式：YYYY-MM-DD 支持的范围是从 '1000-01-01' 到 '9999-12-31' DATETIME 日期和时间的

不念不忘少年蓝@/ 2022年05月26日 12:36/ 0 赞/ 262 阅读

相关 ElementUI DatePicker 日期选择器控制选择时间范围

选择今天以及今天之后的日期 <el-date-picker v-model="value1" type="date"

比眉伴天荒/ 2021年12月15日 00:37/ 0 赞/ 763 阅读