vue3項(xiàng)目+element-plus:時(shí)間選擇器格式化方式
vue3項(xiàng)目+element-plus:時(shí)間選擇器格式化
讓時(shí)間選擇器獲取的時(shí)間格式化；
此處elementUI和element-plus的API不同
關(guān)鍵兩行代碼：
format="YYYY/MM/DD hh:mm:ss" value-format="YYYY-MM-DD h:m:s"
<el-date-picker
v-model="addForm.time"
type="datetime"
placeholder="請(qǐng)選擇日期"
format="YYYY/MM/DD hh:mm:ss"
value-format="YYYY-MM-DD h:m:s"/> element-plus日期選擇器value-format出錯(cuò)
設(shè)置日期選擇器DatePicker，使用valu-formate，根據(jù)element官網(wǎng)代碼應(yīng)該是如下寫(xiě)法：
<div class="block">
<span class="demonstration">使用 value-format</span>
<div class="demonstration">值：{{ value2 }}</div>
<el-date-picker
v-model="value2"
type="date"
placeholder="選擇日期"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd">
</el-date-picker>
</div>但是設(shè)置日期后會(huì)得到的值為“yyyy-02-Mo”
網(wǎng)上沒(méi)有搜到原因，用的是vue3，element-plus，github上查看了一下
源碼【packages/time-picker/src/common/picker.vue】文檔用的是大寫(xiě)
就將格式化的格式寫(xiě)為 format="YYYY-MM-DD" value-format="YYYY-MM-DD" 。
嗯……emm……就是大寫(xiě)……然后好了……不知道為啥ε(┬┬﹏┬┬)3
時(shí)間戳轉(zhuǎn)換是
format="YYYY/MM/DD" value-format="X" 【10位】 value-format="x" 【13位】
但是選擇框沒(méi)有顯示，找了一會(huì)說(shuō)是dayjs……沒(méi)繼續(xù)查找
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue中的scoped和 elememt-plus的樣式修改方法
Vue中的scoped屬性用于實(shí)現(xiàn)樣式隔離,確保組件間的樣式互不影響,通過(guò)在組件的style標(biāo)簽內(nèi)添加任何內(nèi)容,可以為組件生成一個(gè)唯一的哈希值,從而實(shí)現(xiàn)樣式的定位,本文通過(guò)實(shí)例代碼講解Vue中的scoped和 elememt-plus的樣式修改方法,感興趣的朋友一起看看吧2025-01-01
如何解決vue在ios微信"復(fù)制鏈接"功能問(wèn)題
這篇文章主要介紹了如何解決vue在ios微信"復(fù)制鏈接"功能問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
簡(jiǎn)單聊聊vue2.x的$attrs和$listeners
vue組件之間的通信方式有很多種,props/emit,event bus,vuex,provide/inject等,還有一種通信方式就是$attrs和$listeners,下面這篇文章主要給大家介紹了關(guān)于vue2.x中$attrs和$listeners的相關(guān)資料,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了在vue中使用?jquery?的兩種方法小結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue移動(dòng)端UI框架實(shí)現(xiàn)QQ側(cè)邊菜單組件
這篇文章主要介紹了vue移動(dòng)端UI框架實(shí)現(xiàn)仿qq側(cè)邊菜單組件,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-03-03
vue監(jiān)聽(tīng)瀏覽器原生返回按鈕,進(jìn)行路由轉(zhuǎn)跳操作
這篇文章主要介紹了vue監(jiān)聽(tīng)瀏覽器原生返回按鈕,進(jìn)行路由轉(zhuǎn)跳操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
Vue中使一個(gè)div鋪滿(mǎn)全屏的實(shí)現(xiàn)
最近在項(xiàng)目開(kāi)發(fā)中,就遇到了這個(gè)問(wèn)題,Vue中如何使一個(gè)div鋪滿(mǎn)全屏,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-07-07
這篇文章主要介紹了JavaScript 沙箱探索，沙箱是基于 event bus 形式的通信實(shí)現(xiàn)上層的功能，文章的例子選擇接口實(shí)現(xiàn)了 web worker 與 quickjs 的 EventEmitter，,需要的朋友可以參考一下2021-10-10
一起來(lái)學(xué)習(xí)Vue的組件間通信方式
這篇文章主要為大家詳細(xì)介紹了Vue的組件間通信方式，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-03-03
這篇文章主要介紹了vue如何關(guān)閉prettier警告warn問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03