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

Скрытие единиц времени на оси X в представлении

Библиотека позволяет скрывать ненужные единицы времени на горизонтальной шкале представления. Эта функция может быть полезна, например, чтобы отображать только рабочие дни, скрывая выходные.

Техника​

Чтобы скрыть единицу времени на шкале представления (например, час в представлении Timeline или день в представлении Week), вы можете использовать метод ignore_(viewName). Этот метод представляет собой функцию, которая получает дату единицы времени в качестве параметра. Если функция возвращает true для определённой единицы, она будет скрыта.

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

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

hiding_time_units

Hiding week days in the scale of Month view

Отображение маркера на месте скрытых единиц шкалы​

Чтобы обозначить места, где единицы шкалы были скрыты, вы можете использовать метод addMarkedTimespan. Например, в представлении Timeline видимыми остаются только часы с 10:00 до 18:00, остальные скрыты. Для выделения скрытых часов используется маркер с длительностью 40 минут: по 20 минут с каждой стороны граничных ячеек.

.yellow_section {
background-color: #ffa749;
opacity: 0.25;
}
scheduler.addMarkedTimespan({
days: "fullweek",
zones:[9.5*60, 20.5*60],
invert_zones:true,
css: "yellow_section"
});

highlighting_hidden_hours

Displaying a marker at the place of hidden scale units

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.