問題
前端使用框架與UI：Vue+ElementUI。
在項目開發(fā)中使用到了DateTimePicker組件，在選擇時間后點擊查詢發(fā)現(xiàn)查詢導的內(nèi)容與預期內(nèi)容有所偏差，之后發(fā)現(xiàn)前端選中的時間在后端接收時相差了八個小時。
原因
我們國家的標準時間是東經(jīng)120°時間（東八區(qū)），而標準時間是格林威治時間（世界時），兩者相差了整整8小時。
解決
需要在el-date-picker中設置value-format屬性，value-format=“yyyy-MM-dd HH:mm:ss”。文章來源：http://www.zghlxwxcb.cn/news/detail-820471.html
<el-date-picker
v-model="value"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="選擇日期時間">
</el-date-picker>
并且在后端實體類上時間字段添加注解：文章來源地址http://www.zghlxwxcb.cn/news/detail-820471.html
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
private LocalDateTime orderTime;
到了這里，關(guān)于解決前端ELement UI時間控件el-date-picker提交時間誤差8小時的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
