Месячный вид
Месячный вид отображает один календарный месяц.
Инициализация
Месячный вид включён по умолчанию в разметку базового планировщика, поэтому не требуется никаких дополнительных действий для его добавления.
// стандартная инициализация; месячный вид добавляется автоматически
scheduler.init('scheduler_here', new Date(2019,0,10), "month");
...
scheduler.load("/data/events");
Удаление вкладки месячного вида
Если вы хотите удалить вкладку месячного вида, просто удалите соответствующий div из разметки планировщика:
// удалите этот div, чтобы убрать вкладку Month
<div className="dhx_cal_tab" name="month_tab"></div>
Ограничение количества событий в ячейке
По умолчанию планировщик подстраивает высоту ячейки так, чтобы вместить все события.
Начиная с версии 4.0, вы можете контролировать, сколько событий отображается в каждой ячейке, что также ограничивает высоту ячейки.
Чтобы задать максимальное количество событий в ячейке, используйте опцию max_month_events:
scheduler.config.max_month_events = 3;
..
scheduler.init('scheduler_here', new Date(2019,5,30), "month");
Если событий больше, чем указанный лимит, появляется ссылка 'View more'. При нажатии на неё пользователь перейдёт в дневной вид, где все события будут показаны полностью.
'View more' link in the Month view
Скрытие дней на оси X в месячном виде
Чтобы исключить определённые дни из шкалы - например, отображать только рабочие дни и скрывать выходные - используйте метод ignore_month().
Эта функция получает в качестве параметра дату ячейки. Верните true для любого дня, который нужно скрыть.
// 0 — воскресенье, 6 — суббота
scheduler.ignore_month = function(date){
if (date.getDay() == 6 || date.getDay() == 0) // скрывает субботу и воскресенье
return true;
};
Hiding week days in the scale of Month view
Отображение номеров дней как кликабельных ссылок
Номера дней в месячном виде могут быть кликабельными и открывать соответствующий день в выбранном виде.
Чтобы сделать номера дней кликабельными:
- Активируйте расширение active_links на странице:
scheduler.plugins({
active_links: true
});
- (Необязательно) Задайте опцию active_link_view, чтобы указать, какой вид будет открываться при клике по дню. По умолчанию открывается Дневной вид:
// при клике по дню открывается недельный вид
scheduler.config.active_link_view = "week";
...
scheduler.init('scheduler_here', new Date(2012,7,6), "month");
Изменение размера событий с помощью drag-n-drop (версия 4.1+)
По умолчанию изменение размера событий в месячном виде с помощью drag-n-drop не разрешено (только через форму редактирования).
Чтобы разрешить изменение размера многодневных событий с помощью drag-n-drop, включите опцию resize_month_events:
// разрешить изменение размера многодневных событий с помощью drag-n-drop
scheduler.config.resize_month_events = true; /*!*/
scheduler.init('scheduler_here', new Date(2019,0,10), "month");
Resizable events in Month view
Чтобы разрешить изменение размера как однодневных, так и многодневных событий с помощью drag-n-drop, также установите опцию resize_month_timed в true:
// разрешить изменение размера однодневных и многодневных событий с помощью drag-n-drop
scheduler.config.resize_month_events = true;/*!*/
scheduler.config.resize_month_timed = true; /*!*/
scheduler.init('scheduler_here', new Date(2019,0,10), "month");
Обратите внимание:
- Опция resize_month_timed работает только если включена resize_month_events.
- При включённой resize_month_timed однодневные события получают другой внешний вид:
