反应日期initialMonth基于可用日期

Question

我有日期选择器组件(DayPickerSingleDateController(。有">

等外量程

属性(仅在+4天(从头至尾(内可用。(

但正因为如此，才会出现错误。事件，如果当前月份没有可用日期，则单击时仍显示当前月份。

现在我试图添加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}
>

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