React-даты initialMonth на основе доступных дат - PullRequest
Новая
       32

React-даты initialMonth на основе доступных дат

0 голосов
/ 26 ноября 2018

У меня есть компонент выбора даты (DayPickerSingleDateController).Существует свойство "

isoutsiderange

" (доступно только +4 (от дня) дня).

Но из-за этого возникает ошибка.Событие, если в текущем месяце нет доступных дат, он все еще показывает текущий месяц onClick.

Теперь я пытаюсь добавить свойство initialMonth, в котором я хотел бы проверить, нет ли доступных дат в этом месяце, затем ()=> moment (). add (1, 'month'). 

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

Как я могу это сделать?

1 Ответ

0 голосов
/ 27 ноября 2018

Я получил следующее решение для моей проблемы.

Я объявил переменную 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}
>

Я сам нашел этот ответ, возможно, есть более элегантное решение, но все же оно может быть кому-то полезно.

...