elementUI 日期时间控件,实现月份的禁用，反选

最新推荐文章于 2024-06-12 08:00:00 发布

醉酒飙车

最新推荐文章于 2024-06-12 08:00:00 发布

阅读量793

点赞数

文章标签： elementui javascript ecmascript

本文链接：https://blog.csdn.net/qq_37764878/article/details/127887298

版权

Element UI 日期选择器 picker-options 禁用日期 Vue.js

关键词由CSDN通过智能技术生成

最终实现效果如下：

主要是使用的是picker-options属性，代码如下：

 <el-date-picker v-else   size="mini" 
        v-model="MonthValue" type="month" 
        placeholder="选择月" 
        @change="selectChangeMonth"  
        value-format="yyyyMM" 
        :disabledDate="false" 
        :picker-options="pickerOptionsStart">
 </el-date-picker>

   getDisableAllMonthData(){
      const self = this
      return {
        disabledDate: (time) => {
          var year = time.getFullYear()
          var month = time.getMonth() + 1
          if (month < 10) { month = '0' + month }
          var ym = ''+ year  + month
          return  ! self.disableAllMonthDate.includes(ym)   //可取反

        }
        // 不能选择当天之前的
        // disabledDate (time) {
        //   return time.getTime() < 1622512084390 - 8.64e7;
        // },
      };
    },