添加具有反应日期的最长天数

Question

我想知道是否可以添加使用反应日期的最长天数。 基本上是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} 
/>