2

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

干杯

4

2 回答 2

4

您可以使用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}
/>
于 2017-10-11T17:08:38.400 回答
0 

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;
})

于 2019-03-29T11:26:03.760 回答