Вертикальная прокручиваемая дата в сборнике рассказов не точна - PullRequest
Новая
       54

Вертикальная прокручиваемая дата в сборнике рассказов не точна

0 голосов
/ 14 февраля 2019

Я пытаюсь реализовать этот пример реагирующих дат в сборнике рассказов для моего кода: http://airbnb.io/react-dates/?selectedKind=DayPickerRangeController&selectedStory=vertical%20scrollable&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

Похоже, что информация, которую они показывают о пропусках компонентов, которые они передают, не точна:

enter image description here

Это как копирование и вставка из предыдущих примеров.

Итак, примеры из сборника рассказов, «вертикальная прокрутка» и «вертикальная»при прокрутке с пользовательской навигацией по месяцам используется другая функция для загрузки нескольких месяцев, это не может быть ' onPrevMonthClick ' & ' onNextMonthClick ', что отображается на кнопке «Показать информацию».

Все, что мне нужно, это как мне переопределить «стрелку вниз», чтобы загружать больше месяцев или нет.

Кто-нибудь уже сталкивался с этой проблемой раньше?Спасибо.

1 Ответ

0 голосов
/ 16 февраля 2019

Чтобы полностью переопределить кнопки «предыдущий / следующий», я вижу, как передать свои кнопки на navPrev / navNext с вашими собственными кнопками, которые stopPropagation, когда вы хотите остановить их активацию: 

navNext={
  <button
    onClick={e => {
      const dontGoNext = true;
      if (dontGoNext) {
        // Stop propagation of button and prevent next month from loading
        e.stopPropagation();
      } else {
        // do nothing..
      }
    }}
  >
    Next
  </button>
}

Вы можете посмотреть пример здесь: https://codesandbox.io/s/ry87wm8274

Причина, по которой я вижу единственный способ сделать это, заключается в том, что навигация жестко контролируется с помощью обработчика щелчков в DayPickerRangeController ( onNextMonthClick ), который обрабатывает возможность перехода к представлению следующего месяца.

К просто отключите кнопки , используя DayPickerRangeController, которые вы можетеset minDate / maxDate, который в свою очередь отключает кнопки prev / next.

Эти два реквизита влияют на пропущенные disablePrev / disableNext ( Github Lines )через DayPicker к DayPickerNavigation компоненту.

Примечание. Эти реквизиты недоступны в компоненте DateRangePicker, поскольку они не передаются.Не знаете, почему.

PS react-dates документы не лучшие ИМО.Мне всегда приходится искать источник, чтобы понять, как делать то, что я хочу.

...