календарь на один месяц, который позволяет пользователям выбирать даты и переходить на следующий/предыдущий месяц.
Calendar поддерживает все форматы даты и времени. Помимо дней месяца, он отображает заголовки дней недели, номер недели, заголовок с названием месяца и года, селекторы часов и минут. Calendar легко настроить. Подробнее читайте в описательной документации calendar.
| adjust | подстраивает размеры компонента под размеры HTML-контейнера |
| attachEvent | задает обработчик внутреннего события компонента |
| bind | связывает данные компонентов |
| blockEvent | временно блокирует вызов ВСЕХ событий вызывающего объекта |
| callEvent | вызывает внутреннее событие компонента |
| define | переопределяет одну или несколько настроек компонента |
| destructor | разрушает компонент |
| detachEvent | удаляет обработчик события (который был задан ранее методом attachEvent) |
| disable | блокирует компонент (он становится серым, клики по нему не срабатывают) |
| enable | делает активным ранее заблокированный компонент |
| getChildViews | возвращает внутренние компоненты |
| getFormView | возвращает объект формы, которой принадлежит компонент |
| getNode | возвращает HTML-элемент компонента |
| getParentView | возвращает родительский компонент |
| getSelectedDate | возвращает текущую выбранную дату |
| getTopParentView | возвращает самого верхнего родителя |
| getValue | возвращает текущую выбранную дату |
| getVisibleDate | возвращает видимую дату |
| hasEvent | проверяет, есть ли у компонента обработчики указанного события |
| hide | скрывает компонент |
| isEnabled | проверяет, активен или заблокирован компонент |
| isVisible | проверяет, виден ли компонент |
| locate | возвращает id элемента из указанного события HTML |
| mapEvent | направляет события от одного компонента к другому |
| moveSelection | перемещает выделение в указанном направлении |
| queryView | возвращает внутренние компоненты, которые удовлетворяют указанному условию |
| refresh | перерисовывает компонент |
| render | отображает указанный элемент или весь компонент |
| resize | перерисовывает компонент после изменения размеров |
| selectDate | выбирает указанную дату |
| setValue | задает новое значение для компонента |
| show | делает компонент видимым |
| showCalendar | показывает указанные год и месяц |
| unbind | отменяет связывание компонентов |
| unblockEvent | отменяет блокировку событий, которая была вызвана командой 'blockEvent' |
| onAfterContextMenu | срабатывает после вызова контекстного меню |
| onAfterDateSelect | срабатывает после того, как пользователь выбрал дату |
| onAfterMonthChange | вызывается после того, как изменен месяц в селекторе. |
| onAfterRender | вызывается после отрисовки календаря |
| onAfterScroll | срабатывает после прокрутки содержимого компонента webix |
| onAfterZoom | срабатывает после изменения уровня зума календаря |
| onBeforeContextMenu | срабатывает перед вызовом контекстного меню |
| onBeforeDateSelect | срабатывает до того, как дата выбрана в календаре |
| onBeforeMonthChange | срабатывает перед изменением месяца |
| onBeforeRender | срабатывает перед началом рендеринга календаря |
| onBeforeZoom | срабатывает перед изменением уровня зума календаря |
| onBindRequest | срабатывает, когда компонент готов получить данные из главного компонента |
| onBlur | срабатывает при смещении фокуса за пределы компонента |
| onChange | срабатывает, когда пользователь изменяет месяц, год или время в селекторе |
| onDateClear | срабатывает при нажатии на кнопку "Очистить" |
| onDestruct | происходит, когда компонент был разрушен деструктором |
| onEnter | срабатывает после нажатия клавиши Enter |
| onFocus | срабатывает после смещения фокуса на компонент |
| onItemSingleClick | позволяет различать события одиночного и двойного клика |
| onKeyPress | срабатывает после того, как пользователь нажал клавишу (для компонента, на котором сейчас фокус) |
| onLongTouch | срабатывает после того, как пользователь на достаточно долгое время задержит палец на экране (для устройств с сенсорным экраном) |
| onMouseMove | срабатывает при наведении мыши на указанный компонент |
| onMouseMoving | срабатывает при наведении указателя мыши на компонент |
| onMouseOut | срабатывает, когда курсор мыши убирается с указанного элемента |
| onSwipeX | срабатывает по горизонтальному свайпу |
| onSwipeY | срабатывает по вертикальному свайпу |
| onTimedKeyPress | срабатывает через некоторое время после нажатия клавиши в текстовом поле |
| onTodaySet | срабатывает при нажатии на кнопку "Сегодня" |
| onTouchEnd | срабатывает после завершения события touch |
| onTouchMove | срабатывает по время движения пальца по сенсорному экрану |
| onTouchStart | срабатывает после touch-события в компоненте webix |
| onViewResize | срабатывает после того, как пользователь изменил размер компонента с помощью компонента resizer |
| onViewShow | срабатывает, когда компонент появляется (вызов метода show()) |
| animate | определяет анимацию для показа компонента в Multiview |
| blockDates | задает диапазон заблокированных дат |
| blockTime | блокирует интервал времени |
| borderless | скрывает или показывает границы компонента |
| calendarHeader | формат заголовка с названием месяца и года |
| calendarTime | определяет формат времени календаря (если включена настройка timepicker) |
| calendarWeekHeader | определяет текст заголовка для столбца с номерами недель |
| cellHeight | высота ячейки с числом дня |
| container | HTML-контейнер (или его ID), внутри которого компонент должен быть инициализирован |
| css | имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями |
| date | указывает год и месяц, которые будут отображаться в календаре после инициализации |
| dayTemplate | определяет template для ячейки календарного дня |
| disabled | блокирует или разблокирует компонент |
| events | задает дополнительный класс CSS, который будет присвоен отдельным ячейкам календаря |
| gravity | задает удельный (относительный) размер компонента |
| headerHeight | общая высота компонента, не занятой собственно календарем |
| height | задает высоту компонента |
| hidden | скрывает компонент после его инициализации |
| icons | задает массив иконок в календаре или скрывает их |
| id | ID компонента |
| keyPressTimeout | задержка между нажатием клавиши и обработчиком |
| maxDate | задает максимально допустимую дату для выбора |
| maxHeight | задает максимальную высоту компонента |
| maxTime | максимально допустимое время |
| maxWidth | задает максимальную ширину компонента |
| minDate | задает минимально допустимую дату для выбора |
| minHeight | задает минимальную высоту компонента |
| minTime | минимально допустимое время |
| minWidth | задает минимальную ширину компонента |
| minuteStep | шаг селектора времени |
| monthHeader | скрывает/показывает заголовок календаря |
| monthSelect | дает возможность выбрать месяц, нажав на панель "месяц" |
| mouseEventDelay | задержка между реальным действием мыши и вызовом связанных событий |
| multiselect | дает возможность выбора нескольких дат |
| navigation | активирует навигацию с помощью клавиатуры |
| on | позволяет присоединять обработчики к внутренним событиям компонента |
| onClick | присоединяет обработчик клика для частей компонента с указанным классом CSS |
| onContext | свойство, используемое для определения пользовательских обработчиков контекстного клика (клика правой кнопкой мыши) для элементов в ячейках DataTable
|
| onDblClick | обрабатывает двойные клики по областям и элементам компонентов (по названию их CSS-классов) |
| onMouseMove | обрабатывает событие mousemove для элементов компонента с указанным классом CSS |
| skipEmptyWeeks | включает/отключает отображение пустых недель (true) |
| timeIcon | задает иконку для timepicker в календаре |
| timepicker | включает timepicker для выбора времени |
| timepickerHeight | задает высоту области timepicker |
| type | режим показа календаря |
| weekHeader | включает/отключает дополнительный хедер с днями недели (false по умолчанию) |
| weekNumber | включает/отключает дополнительный левый столбец с номерами недель (false по умолчанию) |
| width | задает ширину компонента |
| $getSize | возвращает текущий размер компонентов |
| $height | текущая высота компонента |
| $scope | область имен для событий и методов |
| $setNode | определяет HTML-элемент компонента |
| $setSize | задает размеры компонента |
| $skin | вызывается после применения скина |
| $view | возвращает HTML-элемент компонента |
| $width | текущая ширина компонента |
| config | все настройки, заданные при инициализации компонента |
| name | возвращает имя компонента (свойство только для чтения) |
| on_click | переопределяет обработку кликов по элементам компонента |
| on_context | свойство, используемое для определения пользовательских обработчиков клика правой кнопкой мыши для элементов в компонентах |
| on_dblclick | определяет обработчики для двойных кликов по элементам компонентов (по названию их CSS-класса) |
| on_mouse_move | добавляет обработчик для события mousemove над элементами компонентов (по названию их CSS-класса) |