Dhtmlx Sceduler выделяет часы

Мне нравится спрашивать, может ли DHTMLX Scheduler «ВЫДЕЛЯТЬ» или «ОТМЕЧАТЬ» часы.

Потому что это позволяет мне выделять только целый день.

scheduler.addMarkedTimespan({start_date: new Date(2018,02,19), end_date: new Date(2018,02,20), css: "yellow_section" });

Я пытаюсь сделать, это показать часовой ДИАПАЗОН, в котором представлены рабочие часы сотрудника.

Образец такой

введите здесь описание изображения

введите здесь описание изображения


person Dave Manuel    schedule 17.04.2018    source источник


Ответы (1)


Вы можете использовать событие {timeLineName}_cell_class, чтобы добавить пользовательский CSS в свои ячейки на основе условия. Вы можете найти документацию по этому событию здесь.

Вот пример, где я использую его для добавления класса CSS во все ячейки определенного дня, но вы можете изменить условие, чтобы добавить пользовательский CSS в определенный диапазон часов:

scheduler.templates.MyScheduler_cell_class = function(evs, date, section){
    //---- change the condition in the line bellow ----
    if (date.valueOf() == new Date('2015-11-21').valueOf()){ 
        return "custom-css-class-here";
    }
    return "";
}
person Eric Grassl    schedule 17.08.2018