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

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

Техника

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

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

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

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

Чтобы обозначить места, где единицы шкалы были скрыты, вы можете использовать метод 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"
});

Наверх