宜搭实现禁用日期区间中的日期

实现效果：

当天12点前可选择明天往后的日期，12点后只能选择后天往后的日期，之前的日期禁用

实现思路：

1、在表单的didMount函数中去获取当前时间进行判断，根据判断结果来控制变量里的值

2、将这里的值改成这个变量

实现步骤：

1、创建一个全局变量接收日期

2、在表单的didMount函数中去获取当前时间进行判断，根据判断结果来控制变量里的值

export function didMount() {
  let date = new Date();
  let hour = date.getHours() // 当前小时

  // 创建一个新的Date对象，表示当前日期
  let today1 = new Date(); // 今天
  let today2 = new Date();
  // 使用setDate方法增加天数
  today2.setDate(today2.getDate() + 1); // 明天

  if(hour <= 12){
    this.setState({
      day: today1
    });
  }else{
    this.setState({
      day: today2
    });
  }
}

3、日期区间组件绑定禁用函数

日期区间 | 钉钉宜搭·帮助中心

4、将禁用函数中的值改成这个变量

export function disabledDate(current) {
  // 判断日期小于明天的日期 ，禁用未来日期
  if (current < this.state.day) {
    // 返回 true 表示禁用
    return true;
  }
  return false;
}