element-ui 日期选择器DateTimePicker 的日期和后台不匹配，无法绑定(日期中含有T，Z)

最新推荐文章于 2025-06-16 10:47:30 发布

samuBO

最新推荐文章于 2025-06-16 10:47:30 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： utc

本文链接：https://blog.csdn.net/loveyour_1314/article/details/97374388

前端专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了在使用element-ui的前端与Java后台交互时，遇到的日期格式不匹配问题。具体表现为从UTC格式转换到中国标准日期格式的解决方案，包括在JS中使用自定义函数进行日期格式化，以及在Java端如何处理这种格式的日期。

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

Cannot deserialize value of type `java.util.Date` from String "2019-07-22T16:00:00.000Z": expected format "yyyy-MM-dd HH:mm:ss"

前台element-ui

后台实体类（TIMESTAMP 代表含有年，月，日，时分秒的时间戳类型）

就算是这样传值依然报绑定错误，

然后查看了前台传递的参数，发现日期信息为UTC格式(时间标准时间，世界标准时间),并不是标准的中国的日期格式，需要转换

1.js转换（工具方法）

export function formatDateTime (date) {
    var y = date.getFullYear();
    var m = date.getMonth() + 1;
    m = m < 10 ? ('0' + m) : m;
    var d = date.getDate();
    d = d < 10 ? ('0' + d) : d;
    var h = date.getHours();
    h=h < 10 ? ('0' + h) : h;
    var minute = date.getMinutes();
    minute = minute < 10 ? ('0' + minute) : minute;
    var second=date.getSeconds();
    second=second < 10 ? ('0' + second) : second;
    return y + '-' + m + '-' + d+' '+h+':'+minute+':'+second;
}

2.java转换