reactjs - 在 antd 日期选择器中禁用当前日期之前和当前日期 1 个月之后的日期

Question

我正在为我的 React 应用程序使用 ant UI，我有一个日期选择器。我想在当前日期之前和当前日期的 1 个月之后禁用日期。
我的 日期选择器

<DatePicker
     defaultValue={moment()}
     format={dateFormat}
     className="datePicker"
     onChange={dateHandler}
     ref={(dateSelect) => { this.dateSelect = dateSelect }}
     disabledDate={(current) => {
         return moment().add(-1, 'days')  >= current && 
              moment().add(1, 'month')  <= current;
         }}
     onFocus={this.rideDateGA}
/>

如果我在这里 return moment().add(-1, 'days') >= current那么它从今天的日期开始禁用以前的日期，但它不会在日期之后禁用一个月。
和我一样 return moment().add(1, 'month') <= current然后我可以禁用下个月的日期。
我的问题我无法返回这两个值。
如何禁用以前的日期和下个月的日期

Answer 1

要禁用日期，您需要它运行这两个条件。

当条件是:

moment().add(-1, 'days')  >= current && moment().add(1, 'month')  <= current;

条件返回false，当第一个 moment().add(-1, 'days') >= current是 false ，这就是为什么您会看到当前日期之前的天数被正确禁用的原因。

要使条件正确，您需要:

<DatePicker
  defaultValue={moment()}
  format={dateFormat}
  className="datePicker"
  onChange={dateHandler}
  ref={(dateSelect) => { this.dateSelect = dateSelect }}
  disabledDate={(current) => {
     return moment().add(-1, 'days')  >= current ||
          moment().add(1, 'month')  <= current;
     }}
  onFocus={this.rideDateGA}
/>