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