反応日数の最大日数を追加する

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} 
/>