v2.9.10
💢 Пример использования

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();