el-date-picker禁用指定日期之前或之后的日期

一、elementUI中el-date-picker禁用指定日期之前或之后的日期

通过配置picker-options配置指定禁用日期（pickerOptions写到data里面）

 

<el-date-picker
   v-model="date"
   type="date"
   size="small"
   value-format="yyyy-MM-dd"
   format="yyyy-MM-dd"
   :placeholder="'选择日期'"
   :picker-options="pickerOptions"
></el-date-picker>

1.今天之前的日期禁止选择 

pickerOptions: {
   disabledDate(time) {
      return time.getTime() < Date.now() - 8.64e7;
   }
}

2.不能选择今日之后的日期（今天可选）

pickerOptions: {
   disabledDate(time) {
      return time.getTime() > Date.now();
   }
}

time.getTime() < Date.now() - 8.64e7  禁用日期不包含当前日

time.getTime() > Date.now() - 8.64e7  禁用日期包含当前日