element ui el-date-picker組件默認值方式
更新時間:2023年12月05日 08:44:24 作者:冷冷清清中的風風火火
這篇文章主要介紹了element ui el-date-picker組件默認值方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
element ui el-date-picker組件添加默認值
element ui el-date-picker 組件默認當年
<el-form-item label=""> <el-date-picker v-model="searchForm.year" dea type="year" value-format="yyyy" placeholder="請選擇年度" :pickerOptions="pickerOptions"> </el-date-picker> </el-form-item>
searchForm: { year:new Date().getFullYear().toString(), },
element ui el-date-picker 組件默認當前月份
<el-date-picker v-model="searchForm.month" type="month" value-format="yyyy-MM" placeholder="請選擇選擇月份"> </el-date-picker>
created() { var nowDate = new Date(); var date = { year: nowDate.getFullYear(), month: nowDate.getMonth() + 1, day: nowDate.getDate(), }; const dayDate = date.year + "-" + (date.month >= 10 ? date.month : "0" + date.month); var date = new Date(); this.$set(this.searchForm, "month", dayDate.toString()); },
new Date() 用法
var d = new Date(); d .getFullYear(); //獲取完整的年份(4位) d .getMonth(); //獲取當前月份(0-11,0代表1月) d .getDate(); //獲取當前日(1-31) d .getDay(); //獲取當前星期X(0-6,0代表星期天) d .getTime(); //獲取當前時間(從1970.1.1開始的毫秒數(shù)) d .getHours(); //獲取當前小時數(shù)(0-23) d .getMinutes(); //獲取當前分鐘數(shù)(0-59) d .getSeconds(); //獲取當前秒數(shù)(0-59) d .getMilliseconds(); //獲取當前毫秒數(shù)(0-999) d .toLocaleDateString(); //獲取當前日期 var mytime=d.toLocaleTimeString(); //獲取當前時間 d.toLocaleString( ); //獲取日期與時間
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue查詢數(shù)據(jù)el-table不更新數(shù)據(jù)的解決方案
這篇文章主要介紹了vue查詢數(shù)據(jù)el-table不更新數(shù)據(jù)的問題及解決方案,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-12-12Vue實現(xiàn)動態(tài)顯示textarea剩余字數(shù)
這篇文章主要為大家詳細介紹了Vue實現(xiàn)動態(tài)顯示textarea剩余文字數(shù)量,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05AntV F2和vue-cli構(gòu)建移動端可視化視圖過程詳解
這篇文章主要介紹了AntV F2和vue-cli構(gòu)建移動端可視化視圖過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10