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