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

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

Основное

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

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

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

HTMLElement

Type: HTMLElement

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

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

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

HTMLOriginalElement

Type: HTMLElement

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

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

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

HTMLInputElement

Type: HTMLElement

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

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

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

currentType

Type: string

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

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

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

dateMin

Type: Date

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

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

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

dateMax

Type: Date

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

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

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

rangeMin

Type: string

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

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

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

rangeMax

Type: string

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

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

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

rangeDisabled

Type: string[]

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

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

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

rangeEnabled

Type: string[]

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

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

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

selectedDates

Type: string[]

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

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

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

selectedHolidays

Type: string[]

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

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

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

selectedMonth

Type: number

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

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

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

selectedYear

Type: number

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

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

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

selectedHours

Type: string

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

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

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

selectedMinutes

Type: string

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

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

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

selectedKeeping

Type: string | null

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

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

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

selectedTime

Type: string | null

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

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

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

correctMonths

Type: number

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

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

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

viewYear

Type: number

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

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

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

Редактировать эту страницу на GitHub