Cannot deserialize value of type `java.util.Date` from String “2021-12-14T16:00:00.000Z“: expected f

fh小聪

于 2023-03-25 15:09:27 发布

阅读量408

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue开发问题集锦开发文章标签：前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_45577767/article/details/129767294

开发同时被 2 个专栏收录

4 篇文章

订阅专栏

Vue开发问题集锦

1 篇文章

订阅专栏

文章讨论了在前端使用el-date-picker组件与后台进行数据交互时遇到的日期格式不匹配问题。前端显示的是中国标准时间，但发送到后台后，由于格式为2021-12-14T16:00:00.000Z，导致反序列化失败。解决方案是调整后台@JsonFormat的pattern属性以匹配ISO8601格式，同时在前端处理dataFormat方法来正确格式化时间显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不能反序列化类型’ java.util的值。日期’从字符串"2021-12-14T16:00:00.000Z":预期格式"yyyy-MM-dd HH:mm:ss"

前端代码是：

<el-form-item label="发布时间" prop="releaseTime">
  <el-date-picker v-model="dataForm.releaseTime" type="datetime" placeholder="发布时间"></el-date-picker>
</el-form-item>

提交后天前打印的结果：Wed Dec 15 2021 00:00:00 GMT+0800 (中国标准时间)

哎~ 看着是中国标准时间啊，为啥到了后台就是报 ‘2021-12-14T16:00:00.000Z’ 这种呢不太明白

后台修改前：

@JsonFormat(locale="zh", timezone="GMT+8", pattern="yyyy-MM-dd HH:mm:ss")
private Date releaseTime;

后台修改后：（修改成这种对应格式就好了）

	
@JsonFormat(pattern="yyyy-MM-dd'T'HH:mm:ss")
private Date releaseTime;

前端：

 dataFormat(value) {
      var year = value.time.substr(0, 4)
      var month = value.time.substr(5, 2)
      var day = value.time.substr(8, 2)
      var hour = value.time.substr(11, 2)
      var min =value.time.substr(14, 2)
      var second = value.time.substr(17,2)
      return year + "-" + month + "-" + day + " " + hour + ":" + min + ":"+second
    }
<el-table-column prop="time" :formatter="dataFormat"label="考试时间">
      </el-table-column>