javascript - 使用react-dates添加最大天数

Question

我想知道是否可以添加使用 react 日期选择的最大天数。基本上是已经存在的 minimumNights 属性的反面。

干杯

Answer 1

您可以使用 isOutsideRange 谓词属性。
您传入一个函数，该函数将分别将每个日期设置为可用或不可用的最大天数变量。

示例:

const maximumDays = 6;
isOutsideRange = day => (
        focusedInput === END_DATE && (day.isBefore(startDate) || day.isAfter(startDate.clone().add(maximumDays, 'days')))
      );  

然后将其传递给组件:

<DateRangePicker
  isOutsideRange={isOutsideRange}
  onDatesChange={this.onDatesChange}
  onFocusChange={this.onFocusChange}
  focusedInput={focusedInput}
  startDate={startDate}
  endDate={endDate}
/>