Dhtmlx Sceduler hightlight小时

Question

我想询问DHTMLX Scheduler是否可以“突出显示”或“标记”时间。

因为它只允许我整天高亮。

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

我想要做的是显示一小时的RANGE，其中代表员工的工作时间。

样本就像这样

Answer 1

您可以使用{timeLineName} _cell_class事件根据条件将自定义CSS添加到您的单元格中。您可以找到此事件here的文档。

在此示例中，我使用它向确定日期的所有单元格添加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 "";
}