添加带有反应日期的最大天数

Question

我想知道是否有可能使用react-dates添加最大天数。 基本上，已经存在的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}
/>

Answer 2

 let fromRange = '29/03/2019'; let toRange = '30/04/2019'; const isOutsideRange = (day => { let dayIsBlocked = false; if(day > moment(fromRange)) { dayIsBlocked = true; } if(day > moment(toRange)) { dayIsBlocked = true; } return dayIsBlocked; })