💢 Пример использования
biletiki.store — пример сайта для поиска авиабилетов и отелей с помощью vanilla-calendar.
Основные методы
init()
Метод init()
является основным методом экземпляра, который запускает процесс инициализации календаря.
js
const calendar = new VanillaCalendar(element, params);
calendar.init();
js
const calendar = new VanillaCalendar(element, params);
calendar.init();
update()
Метод update()
позволяет применить к календарю новые настройки и выполнять сброс.
Этот метод принимает объект с необязательными аргументами для управления сбросом, по умолчанию сохраняя выбранную пользователем дату, месяц и год после обновления.
Все aгрументы, по умолчанию false
:
ts
{
year: boolean;
month: boolean;
dates: boolean | 'only-first';
holidays: boolean;
time: boolean;
}
ts
{
year: boolean;
month: boolean;
dates: boolean | 'only-first';
holidays: boolean;
time: boolean;
}
true
- сбросится до параметров, указанных вsettings
;false
- не выполнит сброс, оставит параметры выбранные пользователем;'only-first'
- сбрасывает все выбранные даты, оставляя самую раннюю. Если тип выбора даты указан как'multiple-ranged'
, добавляется обработчик'mousemove'
и'keydown'
для наведения.
Пример использования:
js
calendar.settings.lang = 'de-AT';
calendar.settings.iso8601 = false;
calendar.update({
dates: true,
});
js
calendar.settings.lang = 'de-AT';
calendar.settings.iso8601 = false;
calendar.update({
dates: true,
});
destroy()
Eсли вам нужно полностью удалить экземпляр календаря, вы можете использовать метод destroy()
.
js
calendar.destroy();
js
calendar.destroy();
show()
Метод show()
позволяет показать календарь, если он был скрыт.
js
calendar.show();
js
calendar.show();
hide()
Метод hide()
позволяет скрыть календарь, если он был показан.
js
calendar.hide();
js
calendar.hide();