Месячный вид

Месячный вид отображает один календарный месяц.

Инициализация

Месячный вид включён по умолчанию в разметку базового планировщика, поэтому не требуется никаких дополнительных действий для его добавления.

// стандартная инициализация; месячный вид добавляется автоматически
scheduler.init('scheduler_here', new Date(2019,0,10), "month");
...
scheduler.load("/data/events");

Related sample: Basic initialization

Удаление вкладки месячного вида

Если вы хотите удалить вкладку месячного вида, просто удалите соответствующий div из разметки планировщика:

// удалите этот div, чтобы убрать вкладку Month
<div class="dhx_cal_tab" name="month_tab" style="right:204px;"></div>

Ограничение количества событий в ячейке

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

Начиная с версии 4.0, вы можете контролировать, сколько событий отображается в каждой ячейке, что также ограничивает высоту ячейки.

Чтобы задать максимальное количество событий в ячейке, используйте опцию max_month_events:

scheduler.config.max_month_events = 3;
..
scheduler.init('scheduler_here', new Date(2019,5,30), "month");

Если событий больше, чем указанный лимит, появляется ссылка 'View more'. При нажатии на неё пользователь перейдёт в дневной вид, где все события будут показаны полностью.

Скрытие дней на оси X в месячном виде

Чтобы исключить определённые дни из шкалы — например, отображать только рабочие дни и скрывать выходные — используйте метод ignore_month().
Эта функция получает в качестве параметра дату ячейки. Верните true для любого дня, который нужно скрыть.

// 0 — воскресенье, 6 — суббота
scheduler.ignore_month = function(date){
    if (date.getDay() == 6 || date.getDay() == 0) // скрывает субботу и воскресенье
        return true;
};

Отображение номеров дней как кликабельных ссылок

Номера дней в месячном виде могут быть кликабельными и открывать соответствующий день в выбранном виде.

Чтобы сделать номера дней кликабельными:

Активируйте расширение 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");

Related sample: Month days as links

Изменение размера событий с помощью 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");

Чтобы разрешить изменение размера как однодневных, так и многодневных событий с помощью 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 однодневные события получают другой внешний вид:

Связанные руководства

Наверх