Ant Design的DatePicker组件禁用日期选择范围（结束日期大于开始日期）禁用状态

1、日期选择框
2、

 <DatePicker
              disabledDate={this.disabledRegistrationStartDate}
              //这里是设置时间选择范围 和禁用状态
              //showTime={{defaultValue:moment(currentTimeFormat,'HH:mm')}}
              //showTime去掉表示不需要选择时间 时间选择默认为年月日
              format="YYYY-MM-DD"
              //设置日期格式
              value={startDate}
              placeholder="开始时间"
              onChange={this.handleRegistrationStartDateChange}
              onOpenChange={this.handleStartOpenChange}
            />
              ~
            <DatePicker
              disabledDate={this.disabledRegistrationEndDate}
              //showTime={{defaultValue:moment(currentTimeFormat,'HH:mm')}}
              format="YYYY-MM-DD"
              disabled={!startDate}
              value={endDate}
              placeholder="结束时间"
              onChange={this.handleRegistrationEndDateChange}
              open={registrationEndOpen}
              onOpenChange={this.handleEndOpenChange}
            />

3、已结束时间为例
在disabledDate这个配置项对应的方法中，如果返回的是false，则可以选择时间，返回true则无法对时间进行选择，这一结论至关重要

// 结束时间选择
  disabledRegistrationEndDate = endDate => {
    // endReviewDate截止审核时间
    const { startDate,endReviewDate } = this.state;
    if(endReviewDate && endDate.valueOf() > endReviewDate.valueOf()){
      return true;
    }
    return endDate < moment(startDate).add(1, 'days');
    //禁用选择范围为开始时间加一天
  }

4、报名结束时间事件处理
注意这里的时间需要使用MomentMoment进行格式转换

handleRegistrationEndDateChange = value => {
    if(value === null){
      return this.handleDateChange('endDate', value);
    }
    const { startDate,endReviewDate } = this.state;
    if(startDate && (startDate.valueOf() > value.valueOf() &&  startDate.valueOf() === value.valueOf())){
      message.info('报名结束时间不能小于等于报名开始时间');
      return false;
    }
      if (moment(endReviewDate).format("YYYY-MM-DD") === moment(value).format("YYYY-MM-DD")) {
      message.info('报名结束时间不能大于等于截止审核时间');
      return false;
    }
    this.handleDateChange('endDate', value);
  };

简单粗暴易理解可直接看这里时间限制

5、具体详情可参考
https://www.jianshu.com/p/e23f61cd0bea