element el-date-picker 時間限制

<el-form-item class="two-form-item" label-width="100px" prop="typeOneTotime" v-if="towType == '7'">
              <el-date-picker
                :picker-options="pickerOptions"
                v-model="ruleForm.typeOneTotime"
                type="date"
                size="medium"
                value-format="yyyy-MM-dd"
                placeholder="年-月-日"
              >
              </el-date-picker>
            </el-form-item>

只能輸入大於當前時間的日期

data() {
    return {
      pickerOptions: {
        disabledDate(time) {
          let _now = Date.now();
          return time.getTime() + 3600 * 1000 * 24 < _now;
        }
      }
    };
  },

根據請求動態設置範圍

 // 設置 7月和九月 爲禁止點擊月份        
 fw = ["2019-09-01", "2019-07-01"];
 this.unMonthOption = {
   disabledDate: time => {
   // 返回true 表示禁止
     if (fw.length == 0) {
       return true;
     } else {
       let flag = false;
       fw.forEach(d => {
         let newD = new Date(d);
         let newMonth = newD.getMonth();
         if (newMonth == time.getMonth()) flag = true;
       });
       return flag;
     }
   }
 }