javascript - Dhtmlx Scheduler 时间线为周末上色

Question

如果我使用的是时间线 View ，我该如何使周末与工作日的其他时间使用不同的颜色？例如，如何将周末背景颜色更改为浅黄色。我试过使用它，但如果该月不包含事件，则颜色不会改变。

 scheduler.templates.timeline_cell_class = function(evs, x, y) {
                if (x.getDay() == 6 || x.getDay() == 0) {
                    return getWeekendClass();
                }
                };

var getWeekendClass = function() {
        return "weekend_cell";
    };

Answer 1

如果您仍然需要答案，您唯一需要做的就是:

scheduler.addMarkedTimespan({
    days: [0, 6],   // Sunday and Saturday
    zones: "fullday",
    css: "scheduler_weekends"
});

其中 scheduler_weekends 类似于:

.scheduler_weekends {
    background-color: #FFFF00;
    opacity: 0.5;
}

这将在除月 View 之外的所有 View 中以黄色显示周末。为了在月 View 中显示，您必须添加到您的 CSS:

.dhx_scheduler_month .dhx_marked_timespan { display: block; }