Calendar
Компоненты календарей для выбора даты или диапазона дат.
Calendar
Представляет собой универсальный компонент Calendar, в котором можно настроить любое доступное представление: базовый, двойной, базовый с диапазоном, двойной с диапазоном.
- Calendar
- CalendarBase
- CalendarDouble
- CalendarBaseRange
- CalendarDoubleRange
Выравнивание переключателя периода
В одиночном календаре periodSelectorAlign="start" (по умолчанию) размещает переключатель периода слева, а стрелки навигации справа. При periodSelectorAlign="center" переключатель расположен между стрелками по центру. Свойство также доступно в CalendarBase и CalendarBaseRange.
- Center
- Start
Размер календаря.
Размер календаря задается с помощью свойства size.
Сетка выбора даты.
Конечное отображение сетки календаря задается с помощью свойства type.
Пользовательские названия кварталов.
Названия кварталов задаются с помощью свойства quarterNames. По умолчанию используются значения Q1, Q2, Q3, Q4.
Выбор языка.
Для выбора языка необходимо указать свойство locale: 'ru' | 'en'.
По-умолчанию используется ru.
Отслеживание отображаемого месяца и года
Свойство onChangeVisibleDate сообщает, какой период сейчас показан в календаре.
Обработчик получает Date — первое число видимого периода: месяца в режиме Days,
года в режимах Months и Quarters, первого года страницы в режиме Years.
Вызывается, когда период меняется:
- при листании стрелками вперёд и назад;
- при выборе месяца или года через заголовок календаря;
- когда новое значение выводит календарь на другой период.
В режиме двойного календаря возвращается левый, первый из отображаемых месяцев.
Обработчик не вызывается при переключении уровня через заголовок (дни → месяцы → годы): меняется масштаб, а не период.