2021-01-15

elementui 日期插件指定日期范围

即某个日期之后的日期不能选择

vue的html代码

 <div class="block dialogNew" style="width: 45%">
              <el-date-picker
                v-model="dateStart"
                type="date"
                :picker-options="pickerOptionLater"
                value-format="yyyy-MM-dd"
                @change="dateStartChg"
                placeholder="选择日期"
              >
              </el-date-picker>
            </div>

js代码

  computed: {
    //设置指定日期以后的日期不能选择，this.endDisableDate是指定的某个日期
    pickerOptionLater() {
      var _this = this;
      return {
        disabledDate(time) {
          return time.getTime() > new Date(_this.endDisableDate);
        },
      };
    },
}