DatePicker 日期选择器（限定选择范围）

先上效果

DatePicker 日期选择器（限定选择当天）代码如下

 <el-date-picker :picker-options="pickerOptionsStart" v-model="dialogData.check_out_date" placeholder="选择日期" value-format="yyyy-MM-dd" type="date" style="width: 35%" />

export default {
  data() {
    return {
      pickerOptionsStart: {
        disabledDate: (time) => {
          // 方法1：let str = time.getTime() < Date.now() - 1 * 24 * 60 * 60 * 1000 || time.getTime() > Date.now();
          // return str;
          //下面的减1就是当天，减2就是可选当天和前一天,以此类推...
          let limitDate = time.getTime() < new Date().getTime() - 1 * 86400000 || time.getTime() >= Date.now(); //86400000 一天的毫秒
          return limitDate;
        },
      },
    },
  },
}