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

biletiki.store — пример сайта для поиска авиабилетов и отелей с помощью vanilla-calendar.

Основное

Параметры только для чтения

После инициализации календаря, создаются дополнительные параметры, доступные только для чтения. Эти параметры содержат информацию о текущем состоянии календаря, которая автоматически обновляется при взаимодействии с ним.

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

HTMLElement

Type: HTMLElement

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.HTMLElement);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.HTMLElement);

Свойство HTMLElement содержит корневой HTML-элемент, в котором был инициализирован календарь.


HTMLOriginalElement

Type: HTMLElement

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.HTMLOriginalElement);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.HTMLOriginalElement);

Свойство HTMLOriginalElement содержит исходный корневой HTML-элемент без модификаций, в котором был инициализирован календарь.


HTMLInputElement

Type: HTMLElement

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.HTMLInputElement);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.HTMLInputElement);

Свойство HTMLInputElement представляет корневой HTML-элемент, который является полем ввода.


currentType

Type: string

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.currentType);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.currentType);

Свойство currentType содержит текущий тип календаря.


dateMin

Type: Date

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.dateMin);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.dateMin);

Свойство dateMin представляет минимальную дату в формате объекта Date.


dateMax

Type: Date

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.dateMax);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.dateMax);

Свойство dateMax представляет максимальную дату в формате объекта Date.


rangeMin

Type: string

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.rangeMin);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.rangeMin);

Свойство rangeMin содержит текущую минимальную дату.


rangeMax

Type: string

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.rangeMax);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.rangeMax);

Свойство rangeMax содержит текущую максимальную дату.


rangeDisabled

Type: string[]

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.rangeDisabled);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.rangeDisabled);

Свойство rangeDisabled представляет собой массив отключенных дат.


rangeEnabled

Type: string[]

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.rangeEnabled);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.rangeEnabled);

Свойство rangeEnabled содержит массив включенных дат.


selectedDates

Type: string[]

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedDates);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedDates);

Свойство selectedDates содержит массив в настоящее время выбранных дат.


selectedHolidays

Type: string[]

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedHolidays);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedHolidays);

Свойство selectedHolidays представляет собой массив выбранных праздничных дней.


selectedMonth

Type: number

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedMonth);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedMonth);

Свойство selectedMonth содержит номер текущего выбранного месяца.


selectedYear

Type: number

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedYear);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedYear);

Свойство selectedYear представляет собой номер текущего выбранного года.


selectedHours

Type: string

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedHours);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedHours);

Свойство selectedHours содержит текущий выбранный час.


selectedMinutes

Type: string

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedMinutes);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedMinutes);

Свойство selectedMinutes представляет собой текущие выбранные минуты.


selectedKeeping

Type: string | null

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedKeeping);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedKeeping);

Свойство selectedKeeping содержит маркер AM/PM для 12-часового формата времени.


selectedTime

Type: string | null

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedTime);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.selectedTime);

Свойство selectedTime содержит полное текущее время.


correctMonths

Type: number

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.correctMonths);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.correctMonths);

Свойство correctMonths содержит текущее количество месяцев для отображения, если тип календаря установлен как 'multiple'.


viewYear

Type: number

js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.viewYear);
js
const calendar = new VanillaCalendar('#calendar');
console.log(calendar.viewYear);

Свойство viewYear представляет собой текущий отображаемый год.