element ui el-date-picker組件默認(rèn)值方式
更新時(shí)間:2023年12月05日 08:44:24 作者:冷冷清清中的風(fēng)風(fēng)火火
這篇文章主要介紹了element ui el-date-picker組件默認(rèn)值方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
element ui el-date-picker組件添加默認(rèn)值

element ui el-date-picker 組件默認(rèn)當(dāng)年
<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 組件默認(rèn)當(dāng)前月份
<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(); //獲取當(dāng)前月份(0-11,0代表1月) d .getDate(); //獲取當(dāng)前日(1-31) d .getDay(); //獲取當(dāng)前星期X(0-6,0代表星期天) d .getTime(); //獲取當(dāng)前時(shí)間(從1970.1.1開始的毫秒數(shù)) d .getHours(); //獲取當(dāng)前小時(shí)數(shù)(0-23) d .getMinutes(); //獲取當(dāng)前分鐘數(shù)(0-59) d .getSeconds(); //獲取當(dāng)前秒數(shù)(0-59) d .getMilliseconds(); //獲取當(dāng)前毫秒數(shù)(0-999) d .toLocaleDateString(); //獲取當(dāng)前日期 var mytime=d.toLocaleTimeString(); //獲取當(dāng)前時(shí)間 d.toLocaleString( ); //獲取日期與時(shí)間
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue查詢數(shù)據(jù)el-table不更新數(shù)據(jù)的解決方案
這篇文章主要介紹了vue查詢數(shù)據(jù)el-table不更新數(shù)據(jù)的問題及解決方案,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12
Vue實(shí)現(xiàn)實(shí)時(shí)監(jiān)聽頁面寬度高度變化
這篇文章主要為大家詳細(xì)介紹了Vue如何實(shí)現(xiàn)實(shí)時(shí)監(jiān)聽頁面寬度高度變化,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
Vue實(shí)現(xiàn)動態(tài)顯示textarea剩余字?jǐn)?shù)
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)動態(tài)顯示textarea剩余文字?jǐn)?shù)量,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05
Vue2.0 給Tab標(biāo)簽頁和頁面切換過渡添加樣式的方法
下面小編就為大家分享一篇Vue2.0 給Tab標(biāo)簽頁和頁面切換過渡添加樣式的方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
AntV F2和vue-cli構(gòu)建移動端可視化視圖過程詳解
這篇文章主要介紹了AntV F2和vue-cli構(gòu)建移動端可視化視圖過程詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10

