biletiki.store — пример сайта для поиска авиабилетов и отелей с помощью vanilla-calendar.
Обработка клика на день
Для взаимодействия пользователя с календарем предусмотрены различные действия, одним из которых является clickDay()
. Это действие позволяет отслеживать момент, когда пользователь нажимает на конкретный день в календаре.
Пример с выводом выбранного дня в консоль:
Заметьте, что выбранный день представлен в виде массива, так как пользователь может выбрать не только один день, но и диапазон дат, если это разрешено параметрами календаря.
По умолчанию, предоставляется массив всех выбранных дат, что логично. Однако, чаще всего вам нужно будет получить только начальную и конечную даты.
Для того чтобы гарантировать, что даты будут в правильном порядке, вы можете воспользоваться стандартным методом .sort()
:
dates.sort((a, b) => +new Date(a) - +new Date(b))
dates.sort((a, b) => +new Date(a) - +new Date(b))