vue+elementUi選擇日期范圍並限制選擇的日期范圍

 <el-date-picker
              v-model="form.date"
              type="daterange"
              :picker-options="pickerOptions"
              range-separator="至"
              start-placeholder="開始日期"
              end-placeholder="截止日期"
            ></el-date-picker>

定義pickerOptions，disabledDate方法設置禁用狀態，true為禁用，false為不禁用，參數time為當前日期（不用理會，意思是插件中的每一個日期都會傳進去校驗）

   pickerOptions: {
        disabledDate: time => {
          return this.dealDisabledDate(time);
        }
      },

自定義dealDisabledDate方法

   dealDisabledDate(time) {
      return (
        time.getTime() < new Date(this.selectStartDate).getTime() ||
        time.getTime() > new Date(this.selectEndDate).getTime()
      );
    },

selectStartDate和selectEndDate是自己設置的日期，我這里意思是：當“當前日期time”毫秒數 小於selectStartDate的毫秒數 或者“當前日期time”毫秒數大於selectEndDate的毫秒數 就禁用
效果：