关于 element-ui 中 el-date-picker 组件时间落后 8 个小时的问题

1,579 阅读1分钟

使用 elementUI 的时间选择控件 el-date-picker 后,作为参数上传到后台接收,发现后台时间比前台时间少一天。

场景:

carbon (1).png

例如我们选择的时间是 2020-06-03:

image.png

但提交到后端我们发现时间变了:

image.png

需要科普一个知识:

el-date-picker 默认返回的是国际标准时间(GMT)
协调世界时(UTC)是东经 120°(东八区)的地方时间
同格林威治时间(即国际标准时间 GMT)相差 8 小时
因此,若后端没有帮忙转换,入库时肯定是少一天的,需要自己手动 + 8 小时转换,再提交到后端,这个需要与后端协调好,看是他转换还是你转换。

解决办法

在时间控件上添加指定日期格式的属性 value-format=“yyyy-MM-dd” 即可 。这个 yyyy-MM-dd 格式可自定义 参照 element 手册