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

标签 javascript css dhtmlx-scheduler

如果我使用的是时间线 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";
    };

最佳答案

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

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; }

关于javascript - Dhtmlx Scheduler 时间线为周末上色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27438060/

相关文章:

css - 尝试更改子菜单链接的颜色

mysql - dhtmlx调度程序动态颜色

javascript - 防止父事件在 jQuery 上触发

javascript - 旋转时反转滚动(180d)

javascript - 在同一位置交换分离 div 中的可拖动项目

javascript - 使用 css3 列 - 如何获得元素位置?

css 规则根据变量悬停另一个 div 时显示 div

javascript - 在 PHP 中的 dhtmlx 调度程序中添加自定义字段

dhtmlx 调度程序 : display multiple months on single view

javascript - 我的 Joomla 模板正在使用 JS 加载我的自定义 CSS。有没有办法将唯一的版本标签添加到我的自定义 CSS 中?即 : custom. css?20180101