当前栏目
JSON parse error: Cannot deserialize value of type `java.util.Date` from String
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;
在前端这边使用的是ElementUI的日期时间组件DatePicker
<el-form-item label="开始时间:" prop="startTime">
<el-date-picker
type="datetime"
placeholder="选择日期"
v-model="homeAdvertise.startTime">
</el-date-picker>
</el-form-item>
<el-form-item label="到期时间:" prop="endTime">
<el-date-picker
type="datetime"
placeholder="选择日期"
v-model="homeAdvertise.endTime">
</el-date-picker>
</el-form-item>
使用该组件进行新增&修改操作的时候一直抛异常,如下所示
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" )
这些注解都使过了,还是不能解决异常问题,花了好长时间找怎么解决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属性,设置了与后台对应的格式
<el-form-item label="开始时间:" prop="startTime">
<el-date-picker
type="datetime"
placeholder="选择日期"
v-model="homeAdvertise.startTime"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
<el-form-item label="到期时间:" prop="endTime">
<el-date-picker
type="datetime"
placeholder="选择日期"
v-model="homeAdvertise.endTime"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
这样前端响应给后端的数据就是"yyyy-MM-dd HH:mm:ss"了,Java与MySQL交互没有异常了。
翻了大半天的资料,终于解决了问题,得记录一下,学习起来才行!
相关文章
- 我们访谈了200个互联网人,终于发现996背后的原因
- SpringBoot整合RocketMQ事务/广播/顺序消息
- 聊聊从Vue.js源码中我学到了精妙方法
- 微型前端的优秀实践
- 用了很多动效,介绍四个很 Nice 的 Veu 路由过渡动效
- 2021年了,还只会一种 CSS 实现三角形的方式?
- CSS :Where 和 :Is 伪类函数是什么?
- 计数排序真的不重要?
- WordPress.com 开源,弃 PHP 改用 JavaScript
- 使用Vue.js和MJML创建响应式电子邮件
- 完全搞懂对象方法,"this" 的六项正面与侧面
- 一篇带给你Swift — 协议(Protocol)
- 利用Node.js创建Web应用程序前须了解这七项
- 聊聊Nodejs的错误处理
- 超快的PNG图像解码器!速度提升2.75倍,比老大哥libpng还安全
- JS的运行机制
- 做好这三个关键点就可以更好的实现前端业务组件库
- 从一道诡异的JS面试题说“作用域”与“提升”
- 基于拉链式和线性探测式散列表实现Map
- 我已经写了48年代码了,我感觉我还能写下去