React-dates выбирают диапазон из нескольких недель
В настоящее время я использую даты реакции, чтобы иметь DateRangePicker, и я хотел бы, чтобы пользователь мог выбирать сразу несколько недель. Я видел, как Сюда сразу выбирает 7 дней, что является началом того, что я хочу.
Я хотел бы, чтобы первый щелчок выбрал начало выбранной недели, а затем смог выделить и выбрать другую неделю. Когда пользователь нажимает на эту вторую неделю, я хотел бы установить дату окончания как дату окончания выбранной второй недели.
Я не ограничен react-dates, если можно/проще с другим пакетом, то могу использовать!!
Я надеюсь, что я был достаточно ясен, не стесняйтесь просить разъяснений.
Заранее спасибо.
Ответы 1
используя компонент DateRangePicker из react-dates, вам понадобятся эти реквизиты:
<DateRangePicker
...
startDateOffset = {day => day.subtract(3, 'days')}
endDateOffset = {day => day.add(3, 'days')} />
Пример: https://stackblitz.com/edit/react-lyd5qh
Вы можете использовать логику в endDateOffset, чтобы указать на метод для расчета количества дней, оставшихся до конца недели, и установить его соответствующим образом.