Dhtmlx Scheduler时间线着色周末

时间:2014-12-12 06:27:49

标签: javascript css dhtmlx-scheduler

如果我使用时间线视图,如何使周末与其他工作日的颜色不同?例如,如何将周末背景颜色更改为淡黄色。 我已尝试使用此功能,但如果该月份不包含事件,则颜色不会更改。

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

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

1 个答案:

答案 0 :(得分:3)

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

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

其中scheduler_weekends类似于:

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

除了月视图外,这将在所有视图中以黄色显示周末。 要在月视图中显示,您必须添加到CSS:

.dhx_scheduler_month .dhx_marked_timespan { display: block; }