Calendar CSS

{ view:"calendar" }

Webix Calendar basic use

{ view:"calendar", type:"time" }

Webix Time basic use

Calendar CSS
Класс CSS элемент
.webix_cal_month раздел "месяц" в интерфейсе календаря
.webix_cal_month_name название месяца и год
.webix_cal_next_button кнопка "вперед"
.webix_cal_prev_button кнопка "назад"
.webix_cal_header хедер календаря
.webix_cal_week_header заголовок колонки с номерами недель
.webix_cal_body основная часть календаря в режиме calendar и timepicker
.webix_cal_row строка календаря (неделя)
.webix_cal_week_num номер недели
.webix_cal_day.webix_cal_today ячейка текущего дня
.webix_cal_day.webix_cal_select ячейка выделенного дня
.webix_cal_day.webix_cal_outside.webix_cal_event выходной день соседнего месяца (предыдущего или следующего)
.webix_cal_day.webix_cal_outside будний день соседнего месяца (предыдущего или следующего)
.webix_cal_day любой день недели
.webix_cal_day_inner внутренний элемент дня недели
.webix_cal_day.webix_cal_event выходной / праздничный день
.webix_cal_day.webix_cal_day_disabled заблокированный день
.webix_cal_footer футер календаря (область над телом календаря)
.webix_cal_time зона timepicker в футере календаря
.webix_icon.wxi-clock иконка "часы" в timepicker
CSS компонента Time
класс css элемент
.webix_time_header хедер компонента time
.webix_cal_minutes хедер для половины с минутами
.webix_cal_hours хедер для половины с часами
.webix_hours часть компонента для выбора часа
.webix_minutes часть компонента для выбора минуты
.webix_cal_block любая ячейка раздела "часы"
.webix_cal_block.webix_selected выбранная ячейка раздела "часы"
.webix_cal_block.webix_cal_day_disabled заблокированная ячейка раздела "часы"
.webix_cal_block_empty указатель "am/pm" в основной части календаря
.webix_cal_block.webix_cal_block_min любая ячейка раздела "минуты"
.webix_cal_block.webix_cal_block_min.webix_selected выбранная ячейка раздела "минуты"
.webix_time_footer футер компонента time
.webix_cal_block.webix_cal_block_min.webix_cal_day_disabled заблокированная ячейка раздела "минуты"
.webix_cal_done Кнопка "Done"

Подробнее о компоненте Calendar

Наверх