關于ELement?UI時間控件el-date-picker誤差8小時的問題
更新時間：2024年08月09日 10:58:10 作者：xuelong-ming
本文探討了在使用Vue前端框架配合ElementUI開發(fā)時,遇到日期時間選擇器DateTimePicker的時間同步問題,通過揭示中國東八區(qū)與格林威治時間的時差,作者提供了設置value-format屬性的解決方案,以確保后端接收到的正確時間格式
問題
前端使用框架與UI：Vue+ElementUI。
在項目開發(fā)中使用到了DateTimePicker組件，在選擇時間后點擊查詢發(fā)現查詢導的內容與預期內容有所偏差，之后發(fā)現前端選中的時間在后端接收時相差了八個小時。
原因
我們國家的標準時間是東經120°時間（東八區(qū)），而標準時間是格林威治時間（世界時），兩者相差了整整8小時。
解決
需要設置value-format屬性，value-format=“yyyy-MM-dd HH:mm:ss”。
<div class="block">
<el-date-picker
v-model="value1"
type="datetimerange"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="至"
start-placeholder="開始日期"
end-placeholder="結束日期">
</el-date-picker>
</div>到此這篇關于ELement UI時間控件el-date-picker誤差8小時的文章就介紹到這了,更多相關ELement UI el-date-picker誤差8小時內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
本篇文章主要介紹了Vue響應式原理詳解，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
本文主要介紹了element表格去掉表頭的實現方法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
vue3-scroll-seamless 是一個用于 Vue 3 的插件,用于實現無縫滾動的組件,它可以讓內容在水平或垂直方向上無縫滾動,適用于展示輪播圖、新聞滾動、圖片展示等場景,本文就給大家介紹了vue3實現無縫滾動列表效果,需要的朋友可以參考下2024-07-07
今天小編就為大家分享一篇vuejs選中當前樣式active的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
在項目開發(fā)中，如果使用到了 vuex，通常我會將所有的接口請求單獨用一個文件管理，這篇文章主要介紹了Vuex中actions如何優(yōu)雅處理接口請求,業(yè)務邏輯寫在 actions 中，本文給大家分享完整流程需要的朋友可以參考下2022-11-11
這篇文章主要介紹了Vue?計算屬性之姓名案例的三種實現方法，計算屬性實現、methods實現和插值語法實現，下面文章具體介紹，需要的小伙伴可以參考一下2022-05-05
在移動端使用vue-router和keep-alive的方法示例
這篇文章主要介紹了在移動端使用vue-router和keep-alive的方法示例，vue-router與keep-alive提供的路由體驗與移動端是有一定差別的，感興趣的小伙伴們可以參考一下2018-12-12
Vue3.0結合bootstrap創(chuàng)建多頁面應用
這篇文章主要介紹了Vue3.0結合bootstrap創(chuàng)建多頁面應用,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-05-05
這篇文章主要介紹了怎樣查看vue-cli的安裝位置問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了Vue實現指令式動態(tài)追加小球動畫組件的步驟，幫助大家更好的理解和實用vue，感興趣的朋友可以了解下2020-12-12