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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2020-06-30 关于element-ui中el-date-picker组件时间落后8个小时的问题相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

Vue + element-ui 前端项目一Vue 组件中引入组件 6

阅读目录

效果预览

首页组件中引入获取更多组件

模版中添加

      

以上是关于2020-06-30 关于element-ui中el-date-picker组件时间落后8个小时的问题的主要内容,如果未能解决你的问题,请参考以下文章

关于element-ui的按需引入配置

关于element-ui的使用

关于element-ui的样式覆盖问题

关于element-ui表格的使用

Vue2.9.6安装element-ui

关于vue+element-ui的table多选禁用某个按钮