Перейти к основному содержимому

Годовой вид

Годовой вид отображает один или несколько лет в календаре.

year_view

Year view

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

Чтобы включить Годовой вид в планировщике, выполните следующие шаги:

  1. Активируйте расширение Year на странице:
scheduler.plugins({
year_view: true
});
  1. Добавьте вкладку вида в разметку планировщика:
<div id="scheduler_here" class="dhx_cal_container" ...>
<div class="dhx_cal_navline">
...
<div class="dhx_cal_tab" name="year_tab"></div>
</div>
...
</div>
  1. Задайте название для вкладки:
//'year_tab' — это имя нашего div
scheduler.locale.labels.year_tab ="Year";

Year view

Детали интерфейса

  • Даты, к которым привязаны события, подсвечиваются.
  • При наведении курсора на дату появляется тултип со списком всех событий, запланированных на этот день. Нажатие на иконку 'details' в тултипе открывает lightbox (если только не включён режим только для чтения).

Настройка количества месяцев в виде

Чтобы управлять количеством месяцев в каждой строке и колонке, настройте свойства year_x и year_y:

//Годовой вид будет показывать только 6 месяцев
scheduler.config.year_x = 2; //2 месяца в строке
scheduler.config.year_y = 3; //3 месяца в колонке

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

Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.