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

el-elementUI使用el-date-picker選擇年月

 更新時間:2024年02月05日 15:50:09   作者:small面包  
本文主要介紹了el-elementUI使用el-date-picker選擇年月,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

基于時間周期控件實現(xiàn)月周期、年周期的選擇

在這里插入圖片描述

<el-date-picker
            v-model="gysForm.year"
            type="year"
            placeholder="選擇日期"
            format="yyyy"
            value-format="yyyy"
            style="width: 100%;"
            :picker-options="pickerOptions"
          />

data(){
	return{
		gysForm:{
			year:''
		}
	}
},

methods:{
	 pickerOptions: {
      //disabled為函數(shù),返回值為布爾值,
      disabledDate: (time) => {
        let minYear = new Date().getFullYear() - 30
        return time > Date.now() || time.getTime() < new Date(JSON.stringify(minYear))
      }
    },
}

選擇年月

在這里插入圖片描述

<el-date-picker v-model="selectMonth" type="month" placeholder="選擇月"   @change="jobSearch" value-format="yyyy-MM"></el-date-picker>


<script>
export default {
    data() {
         return {
            selectMonth:''
        }
    },
    created() {
        this.initData({});
    },
    methods: {
        jobSearch() {
      this.getJobListByMonth();
    },
    async initData(data) {
      //獲取當(dāng)前時間
      var now   = new Date();
      var monthn = now.getMonth()+1;
      var yearn  = now.getFullYear();
      this.selectMonth = yearn+"-"+monthn;
 
      this.selectUser = parseInt(sessionStorage.getItem("userid"));
      // this.getWeekJobList({
      //   userid: sessionStorage.getItem("userid"),
      //   weekid: "1"
      // });
      this.getJobListByMonth();
    },
    async getJobListByMonth(data) {
 
    }
   }
}
</script>

到此這篇關(guān)于el-elementUI使用el-date-picker選擇年月的文章就介紹到這了,更多相關(guān)el-element el-date-picker內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vuex實現(xiàn)及簡略解析(小結(jié))

    vuex實現(xiàn)及簡略解析(小結(jié))

    這篇文章主要介紹了vuex實現(xiàn)及簡略解析(小結(jié)),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-03-03
  • vue實現(xiàn)點擊按鈕下載文件功能

    vue實現(xiàn)點擊按鈕下載文件功能

    這篇文章主要介紹了vue中點擊按鈕下載文件,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-10-10
  • vue+echarts實現(xiàn)進(jìn)度條式柱狀圖

    vue+echarts實現(xiàn)進(jìn)度條式柱狀圖

    這篇文章主要為大家詳細(xì)介紹了vue+echarts實現(xiàn)進(jìn)度條式柱狀圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • vue.js指令v-model使用方法

    vue.js指令v-model使用方法

    這篇文章主要為大家詳細(xì)介紹了vue.js指令v-model的使用方法 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • Vue深入講解數(shù)據(jù)響應(yīng)式原理

    Vue深入講解數(shù)據(jù)響應(yīng)式原理

    應(yīng)用會對用戶的操作進(jìn)行反饋,就叫響應(yīng)式,數(shù)據(jù)變化會實時改變UI,就叫數(shù)據(jù)響應(yīng)式,修改Vue實例中的數(shù)據(jù)時,視圖會重新渲染,就是Vue的數(shù)據(jù)響應(yīng)式
    2022-05-05
  • Vue-cli4 配置 element-ui 按需引入操作

    Vue-cli4 配置 element-ui 按需引入操作

    這篇文章主要介紹了Vue-cli4 配置 element-ui 按需引入操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-09-09
  • vue集成chart.js的實現(xiàn)方法

    vue集成chart.js的實現(xiàn)方法

    這篇文章主要介紹了vue集成chartjs的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • vuex如何在非組件中調(diào)用mutations方法

    vuex如何在非組件中調(diào)用mutations方法

    這篇文章主要介紹了vuex如何在非組件中調(diào)用mutations方法,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-03-03
  • vue?路由跳轉(zhuǎn)打開新窗口被瀏覽器攔截問題處理

    vue?路由跳轉(zhuǎn)打開新窗口被瀏覽器攔截問題處理

    這篇文章主要介紹了vue?路由跳轉(zhuǎn)打開新窗口被瀏覽器攔截問題處理,下面文章操作中所遇到相關(guān)問題解決的內(nèi)容介紹詳細(xì),需要的小伙伴可以參考一下
    2022-03-03
  • Vue-Ant Design Vue-普通及自定義校驗實例

    Vue-Ant Design Vue-普通及自定義校驗實例

    這篇文章主要介紹了Vue-Ant Design Vue-普通及自定義校驗實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-10-10

最新評論