Vue中的el-date-picker時(shí)間選擇器的使用實(shí)例詳解
更新時(shí)間：2023年10月30日 11:13:56 作者：Pisces_224
el-date-picker是Element UI框架中提供的日期選擇器組件,它支持單個(gè)日期、日期范圍、時(shí)間、日期時(shí)間等多種選擇方式,本文給大家介紹Vue中的el-date-picker時(shí)間選擇器的使用,感興趣的朋友一起看看吧
1、value-format屬性設(shè)置需要什么格式的時(shí)間
2、type類(lèi)型選擇datetime、date
年月日時(shí)分秒
<el-date-picker
value-format="yyyy-MM-dd HH:mm:ss"
v-model="excelRuleForm.startTime"
type="datetime"
:placeholder="選擇開(kāi)始時(shí)間">
</el-date-picker>
<el-date-picker
value-format="yyyy-MM-dd HH:mm:ss"
v-model="excelRuleForm.endTime"
type="datetime"
:placeholder="選擇結(jié)束時(shí)間">
</el-date-picker>
年月日
type類(lèi)型改成date時(shí)，日期選擇器就變成了年月日。
value-format不指定時(shí)，也默認(rèn)時(shí)年月日。
到此這篇關(guān)于Vue中的el-date-picker時(shí)間選擇器的使用的文章就介紹到這了,更多相關(guān)Vue時(shí)間選擇器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue Form表單的使用方法(rules格式校驗(yàn)網(wǎng)絡(luò)校驗(yàn)鍵盤(pán)按鍵監(jiān)聽(tīng))
本文介紹了在Vue.js中使用表單校驗(yàn)規(guī)則（rules）進(jìn)行網(wǎng)絡(luò)請(qǐng)求校驗(yàn)的方法,以及如何通過(guò)formRef引用表單對(duì)象并進(jìn)行鍵盤(pán)按鍵監(jiān)聽(tīng),感興趣的朋友跟隨小編一起看看吧2024-11-11
組件是Vue.js最強(qiáng)大的功能之一,組件可以擴(kuò)展HTML元素,封裝可重用的代碼,下面這篇文章主要給大家介紹了關(guān)于vue如何動(dòng)態(tài)加載組件的相關(guān)資料,需要的朋友可以參考下2022-10-10
解決vue init webpack 下載依賴(lài)卡住不動(dòng)的問(wèn)題
這篇文章主要介紹了解決vue init webpack 下載依賴(lài)卡住不動(dòng)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
結(jié)合axios對(duì)項(xiàng)目中的api請(qǐng)求進(jìn)行封裝操作
這篇文章主要介紹了結(jié)合axios對(duì)項(xiàng)目中的api請(qǐng)求進(jìn)行封裝操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
這篇文章主要為大家詳細(xì)介紹了vant時(shí)間控件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
本文給大家?guī)?lái)了vue中錨點(diǎn)的三種方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2018-07-07
這篇文章主要介紹了vue 中的 watcher的相關(guān)資料,需要的朋友可以參考下2017-12-12
vue中的任務(wù)隊(duì)列和異步更新策略(任務(wù)隊(duì)列,微任務(wù),宏任務(wù))
這篇文章主要介紹了vue中的任務(wù)隊(duì)列和異步更新策略(任務(wù)隊(duì)列,微任務(wù),宏任務(wù))，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue2.0數(shù)據(jù)雙向綁定與表單bootstrap+vue組件
這篇文章主要介紹了vue2.0數(shù)據(jù)雙向綁定與表單bootstrap+vue組件,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
Vue2.0 axios前后端登陸攔截器(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇Vue2.0 axios前后端登陸攔截器(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10