DateTimePicker + @DateTimeFormat(“yyyy-MM-dd HH:mm:ss”)日期格式转换异常

最近在学习,练习一个项目使用的日期格式是yyyy-MM-dd HH:mm:ss格式的,在后端Java与MySQL这边的转换中一开始格式没有统一间歇性的就会报异常,后面采用了一个@DateTimeFormat(“yyyy-MM-dd HH:mm:ss”)注解标注在属性上规范了 Date 类型属性的格式(埋坑~)

    // 开始时间
    @JsonFormat(shape = JsonFormat.Shape.STRING, pattern="yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
    private Date startTime;

    // 结束时间
    @JsonFormat(shape = JsonFormat.Shape.STRING, pattern="yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
    private Date endTime;
1
2
3
4
5
6
7

在前端这边使用的是ElementUI的日期时间组件DatePicker

    
        



    
    

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

使用该组件进行新增&修改操作的时候一直抛异常,如下所示

JSON parse error: Cannot deserialize value of type `java.util.Date` from String “2020-01-30T16:00:00.000Z”: expected format “yyyy-MM-dd HH:mm:ss”

网上搜了好多资料,几乎都是说在后端属性上添加注解的

     @JsonFormat(shape = JsonFormat.Shape.STRING, 
         pattern="yyyy-MM-dd HH:mm:ss",         
         timezone = "GMT+8")
     @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
     @JsonField(format = "yyyy-MM-dd HH:mm:ss" )
1
2
3
4
5

这些注解都使过了，还是不能解决异常问题，花了好长时间找怎么解决bug好烦；

后面在大佬的提示下去看了Element官网文档,在DatePicker这个组件的Attributes中看到了format

原来输入框默认是Date对象 返回给后端是"2020-01-30T16:00:00.000Z" ISO 日期格式

ISO 日期格式：
ISO 日期格式（ISODatetime）是 ISO 8601 标准规定的时间表示方式。云点播如无特别指定，所有时间相关参数统一采用 ISO 8601 表示的 UTC 时间，格式为 YYYY-MM-DDThh:mm:sssZ。如：2018-10-01T10:00:00Z，表示北京时间2018年10月01日18点00分00秒（北京时间值 = UTC 时间值 + 8小时）。

format 显示在输入框中的格式 string 见日期格式yyyy-MM-dd HH:mm:ss

因为使用的是动态变量,所以在该组件中添加了value-format属性,设置了与后台对应的格式

    
        



    
    

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

这样前端响应给后端的数据就是"yyyy-MM-dd HH:mm:ss"了，Java与MySQL交互没有异常了。

翻了大半天的资料,终于解决了问题,得记录一下,学习起来才行!