Question

我有日期选择器组件（DayPickerSingleDateController）。有“

isoutsiderange

属性（仅+4天（从当天开始）。）

但是由于这个原因，发生错误。如果当前月份没有可用日期，则该事件仍会显示当前月份的onClick。

现在，我尝试添加initialMonth属性，在该属性中，我想检查该月是否没有可用的日期，然后单击（）=> moment（）。add（1，'month'）。

initialVisibleMonth={.... () => moment().add(1, 'month')}
isOutsideRange={(day) => isInclusivelyBeforeDay(day, moment().add(4, 'days'))}

我该怎么做？

Answer 1

我的问题得到了以下解决方案。

我这样声明了isAvailableDaysInCurrentMonth变量。

const firstAvailableDay = moment().add(3, 'days') // in my situation, i need "not earlier then 3 days"
const isCurrentMonthExcludeAvailableDate = (moment().month() !== firstAvailableDay.month());

现在，我可以在singleDatePicker中设置初始月份。因此，如果当前月份没有可用的日期，请设置下个月进行展示。

<DayPickerSingleDateController
 ...
 initialVisibleMonth={isCurrentMonthExcludeAvailableDate ? () => moment().add(1, 'month') : null}
>

我自己找到了这个答案，也许有一个更优雅的解决方案，但它仍然可能对某人有用。

基于可用日期的React-dates initialMonth

1 个答案: