【踩坑+實踐】關於Vue+Elementui 時間選擇器8小時時間差的問題

關於Elementui 時間選擇器8小時時間差的問題

 

重點:我比較囉嗦,性子急的直接看最後,保證在vue+elementui環境下有有用

前段時間做項目,項目是關於一個後端管理界面,裏面涉及到非常多的關於時間範圍的選擇。

我用的是vue + elementui, 所以,我也很自然的調用<el-date-picker>這個插件,沒頭沒腦的做項目,寫代碼,等正式調試的時候,才發現,我的時間選擇器的時間與當前時間相差8小時,我沒有任何改動組件,vue代碼什麼的都沒有問題。

這是個大事情啊,於是轟轟烈烈的上網查,渣度查出來的全TM都是一樣,都說通過value-format加8小時。

這些“人”,姑且稱爲“人”,複製粘貼能力極強,同樣的答案,同樣的字眼,我們在好幾個不同的網站上看到完全一模一樣的答案,越來越服氣國內的互聯網環境了,MDZZ。

 

個人的情緒就不說了,先說一下這個通過“時間轉換+8個小時”這個答案,這個答案在我找到正確答案之前,我一直以爲這是真理,可是我好幾十個頁面,挨個轉換時間很費勁,我一直堅信有更好的解決辦法,於是很認真的請教師兄,很認真的繼續網上查。查了很久終於查出來了。

 

查詢的結果是:不知道什麼原因,elementui 誤判當前操作環境的語言環境,誤認爲我的環境是國外的,因此,當前的時間是國外的時間;可是語言是中文,這就很奇怪了;

 

正確的解決方案是:從elementui裏面引入中文的環境:

在vue的main.js文件裏面,引入下面的這行代碼(重點:引入zh-CN!重點:引入zh-CN!重點:引入zh-CN!重要的事情要一直說

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/zh-CN'

Vue.use(ElementUI, {locale})

這行代碼對時間區間生效,如果,你的選擇器想顯示其他語言(英語等),這行代碼也同樣有效,只需要修改語言包的地址和名稱就行了

 

以上

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章