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à)值,希望對(duì)大家有所幫助,如有錯(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="請(qǐng)選擇年度" :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="請(qǐng)選擇選擇月份"> </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動(dòng)態(tài)樣式幾種常用方法總結(jié)
這篇文章主要給大家介紹了關(guān)于Vue動(dòng)態(tài)樣式幾種常用方法總結(jié)的相關(guān)資料,在我們的前端界面中,很多的地方的樣式都是不確定的狀態(tài),要根據(jù)其他內(nèi)容的變化而變化樣式的,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了vue 檢測(cè)用戶上傳圖片寬高的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
vue查詢數(shù)據(jù)el-table不更新數(shù)據(jù)的解決方案
這篇文章主要介紹了vue查詢數(shù)據(jù)el-table不更新數(shù)據(jù)的問題及解決方案，本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12
Vue實(shí)現(xiàn)實(shí)時(shí)監(jiān)聽頁(yè)面寬度高度變化
這篇文章主要為大家詳細(xì)介紹了Vue如何實(shí)現(xiàn)實(shí)時(shí)監(jiān)聽頁(yè)面寬度高度變化,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
前端自動(dòng)化測(cè)試Vue中TDD和單元測(cè)試示例詳解
這篇文章主要為大家介紹了前端自動(dòng)化測(cè)試Vue中TDD和單元測(cè)試示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
這篇文章主要介紹了Vue 實(shí)現(xiàn)雙向綁定的四種方法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧，希望能夠給你帶來幫助2021-11-11
springboot?vue接口測(cè)試前端模塊樹和接口列表
這篇文章主要為大家介紹了springboot?vue接口測(cè)試前端模塊樹和接口列表，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-05-05
Vue實(shí)現(xiàn)動(dòng)態(tài)顯示textarea剩余字?jǐn)?shù)
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)動(dòng)態(tài)顯示textarea剩余文字?jǐn)?shù)量，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
Vue2.0 給Tab標(biāo)簽頁(yè)和頁(yè)面切換過渡添加樣式的方法
下面小編就為大家分享一篇Vue2.0 給Tab標(biāo)簽頁(yè)和頁(yè)面切換過渡添加樣式的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
AntV F2和vue-cli構(gòu)建移動(dòng)端可視化視圖過程詳解
這篇文章主要介紹了AntV F2和vue-cli構(gòu)建移動(dòng)端可視化視圖過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10