如何在ReactJ中禁用当前日期(今天)

Question

我尝试了可能从react datepicker禁用当前日期的方法。

以下是我的代码。

<SingleDatePicker
  showDefaultInputIcon
  inputIconPosition={ICON_AFTER_POSITION}
  date={input.value}
  placeholder="Move Date"
  numberOfMonths={input.numberOfMonths ? input.numberOfMonths : 1}
  focused={meta.active}
  openDirection="up"
  onDateChange={value => {
    const val = value && value.format ? value.format() : value;
    input.onChange(val);
  }}
  onFocusChange={({ focused }) => {
    if (focused) {
      input.onFocus({ focused });
      return;
    }
    input.onBlur();
  }}
/>

如果有人禁用了我。

Answer 1

最终可以通过使用isOutsideRange Prop和moment从日期选择器禁用。

以下是我的更新代码。
我明天就创建了约会。

const tomo = moment().add(1, 'day').endOf('day');

我只使用isOutsideRange才启用了日期。

 <SingleDatePicker
  showDefaultInputIcon
  inputIconPosition={ICON_AFTER_POSITION}
  date={input.value}
  placeholder="Move Date"
  numberOfMonths={input.numberOfMonths ? input.numberOfMonths : 1}
  focused={meta.active}
  openDirection="up"
  isOutsideRange={day => !isInclusivelyAfterDay(day, tomo)}
  onDateChange={value => {
    const val = value && value.format ? value.format() : value;
    input.onChange(val);
  }}
  onFocusChange={({ focused }) => {
    if (focused) {
      input.onFocus({ focused });
      return;
    }
    input.onBlur();
  }}
/>