ElementUI 日期选择器 datepicker 选择范围限制

143 阅读1分钟

借鉴于 => 这里

     <el-date-picker
          v-model="form.expectGivebackDate"
          clearable
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择预计归还日期"
          style="width: 100%"
          :picker-options="pickerOptions1"
          @change="changeDateEvent"
        />
   data(){
       return{
          pickerOptions1: {
        disabledDate(time) {
          // return time.getTime() < Date.now() - 8.64e7;

          const now = new Date();
          let year = now.getFullYear();
          let month = now.getMonth() + 1;
          let day = now.getDate();
          if (Number(month) + 6 > 12) {
            year = Number(year) + 1;
            month = Number(month) - 6;
          } else {
            month = Number(month) + 6;
          }
          let endTime = `${year}-${month}-${day}`;
          // 转时间戳
          endTime = new Date(endTime).getTime();
          // 小于当前日期 或 大于半年的日期禁用
          return time.getTime() < Date.now() || time.getTime() > endTime;
        },
      },
       }
   }