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