Создание экземпляра
new Calendar()
- создает экземпляр Vanilla Calendar Pro, представляющий собой инкапсуляцию календаря, его настройки и методы.
<script>
, объект доступен как глобальная переменная window.VanillaCalendarPro.Экземпляр Calendar
, принимает два параметра. Первым обязательный параметр может быть CSS-селектором или HTML-элементом.
CSS-селектор или HTML-элемент может представлять собой оболочку для календаря, в которой будет произведена инициализация календаря, или «Input».
Оболочка для календаря - это тег <div>
, внутри которого будет инициализирован сам календарь.
Инициализация в оболочке календаря:
<div id="calendar"></div>
new Calendar('#calendar');
// или
const calendarEl = document.querySelector('#calendar');
new Calendar(calendarEl);
«Input» в контексте этого календаря не обязательно означает тег <input>
, это может быть любой HTML-элемент, например, <div>
.
При клике на «Input» появится всплывающее окно с календарем.
Инициализация в «Input»:
<input type="text" id="input">
<!-- или -->
<div id="input"></div>
new Calendar('#input', { input: true });
// или
const calendarInput = document.querySelector('#input');
new Calendar(calendarInput, {
inputMode: true,
});
Второй необязательный параметр — это объект, определяющий настройки и действия календаря.
new Calendar('#calendar', {
// Настройки
});