flatpickr: отключить ранее выбранные даты - PullRequest
Новая
       15

flatpickr: отключить ранее выбранные даты

0 голосов
/ 18 октября 2019

Я работаю над визовым калькулятором и хочу, чтобы пользователь мог выбрать несколько поездок (выбор даты въезда и выезда в отдельных полях), которые будут добавлены. Я использую только JS. При создании новой поездки открываются два поля ввода, которые получают свои собственные идентификаторы. При отображении календаря я хочу отключить все ранее выбранные даты (и даты между ними, конечно). Как я могу динамически достичь этого?

newFpEntry = flatpickr (#entryDate${entryDateNum}, {maxDate: new Date (entryDate) .fp_incr (timeFrameValueCalendar), отключить: [???]});

Надеюсь, я хорошо описал свою проблему. Я ценю любую идею!

1 Ответ

0 голосов
/ 21 октября 2019

Итак, я кое-что выяснил.

  1. Я поместил каждую новую пару дат (вход и выход) в виде объекта в массив (ранее определенный), используя синтаксис flatpickr,назначение ключа из: значению newEntryDate и ключа для: значению newExitDate

    allBlockedDates.push({from: newEntryDate, to: newExitDate});

  2. Я вставил массив в flatpickr

    newFpEntry = flatpickr(`#entryDate${entryDateNum}`, { disable: allBlockedDates });

Надеюсь, что это может бытьполезно для всех, кто борется с подобной проблемой.

...