欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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動態(tài)樣式幾種常用方法總結(jié)

    Vue動態(tài)樣式幾種常用方法總結(jié)

    這篇文章主要給大家介紹了關(guān)于Vue動態(tài)樣式幾種常用方法總結(jié)的相關(guān)資料,在我們的前端界面中,很多的地方的樣式都是不確定的狀態(tài),要根據(jù)其他內(nèi)容的變化而變化樣式的,需要的朋友可以參考下
    2023-08-08
  • vue 檢測用戶上傳圖片寬高的方法

    vue 檢測用戶上傳圖片寬高的方法

    這篇文章主要介紹了vue 檢測用戶上傳圖片寬高的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-02-02
  • vue查詢數(shù)據(jù)el-table不更新數(shù)據(jù)的解決方案

    vue查詢數(shù)據(jù)el-table不更新數(shù)據(jù)的解決方案

    這篇文章主要介紹了vue查詢數(shù)據(jù)el-table不更新數(shù)據(jù)的問題及解決方案,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-12-12
  • Vue實現(xiàn)實時監(jiān)聽頁面寬度高度變化

    Vue實現(xiàn)實時監(jiān)聽頁面寬度高度變化

    這篇文章主要為大家詳細介紹了Vue如何實現(xiàn)實時監(jiān)聽頁面寬度高度變化,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2024-03-03
  • 前端自動化測試Vue中TDD和單元測試示例詳解

    前端自動化測試Vue中TDD和單元測試示例詳解

    這篇文章主要為大家介紹了前端自動化測試Vue中TDD和單元測試示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-02-02
  • Vue雙向綁定詳解

    Vue雙向綁定詳解

    這篇文章主要介紹了Vue 實現(xiàn)雙向綁定的四種方法,非常不錯,具有參考借鑒價值,需要的朋友參考下吧,希望能夠給你帶來幫助
    2021-11-11
  • springboot?vue接口測試前端模塊樹和接口列表

    springboot?vue接口測試前端模塊樹和接口列表

    這篇文章主要為大家介紹了springboot?vue接口測試前端模塊樹和接口列表,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-05-05
  • Vue實現(xiàn)動態(tài)顯示textarea剩余字數(shù)

    Vue實現(xiàn)動態(tài)顯示textarea剩余字數(shù)

    這篇文章主要為大家詳細介紹了Vue實現(xiàn)動態(tài)顯示textarea剩余文字數(shù)量,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • Vue2.0 給Tab標簽頁和頁面切換過渡添加樣式的方法

    Vue2.0 給Tab標簽頁和頁面切換過渡添加樣式的方法

    下面小編就為大家分享一篇Vue2.0 給Tab標簽頁和頁面切換過渡添加樣式的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • AntV F2和vue-cli構(gòu)建移動端可視化視圖過程詳解

    AntV F2和vue-cli構(gòu)建移動端可視化視圖過程詳解

    這篇文章主要介紹了AntV F2和vue-cli構(gòu)建移動端可視化視圖過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-10-10

最新評論