问题
前端使用框架与UI：Vue+ElementUI。
在项目开发中使用到了DateTimePicker组件，在选择时间后点击查询发现查询导的内容与预期内容有所偏差，之后发现前端选中的时间在后端接收时相差了八个小时。
原因
我们国家的标准时间是东经120°时间（东八区），而标准时间是格林威治时间（世界时），两者相差了整整8小时。
解决
需要在el-date-picker中设置value-format属性，value-format=“yyyy-MM-dd HH:mm:ss”。文章来源：https://www.toymoban.com/news/detail-820471.html
<el-date-picker
v-model="value"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间">
</el-date-picker>
并且在后端实体类上时间字段添加注解：文章来源地址https://www.toymoban.com/news/detail-820471.html
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
private LocalDateTime orderTime;
到了这里，关于解决前端ELement UI时间控件el-date-picker提交时间误差8小时的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
