Jquery 如何在剑道UI调度程序中自定义时间标题的颜色？

这里显示的是kendo jquery调度器的一个很好的演示

---

我的问题是：是否可以修改日期标题单元格（即包含日期的每行左侧单元格）的颜色。。例如，我希望前8个小时的颜色为绿色，后8个小时的颜色为红色，依此类推。日期标题单元格显示在顶部的工具栏中；你说的是时间标题单元格

我认为没有配置选项-您可以尝试使用

majorTimeHeaderTemplate

如下：

window.colors = ["lightblue", "lightgreen", "lightgrey"];        
var template = "<div style='height:100%; width: 100%; background-color: " +
            "# var color = window.colors[Math.floor(date.getHours() / 8)]; # " +
    "#= color #;'><strong>#=kendo.toString(date, 'hh:mm')#</strong></div>";

$("#scheduler").kendoScheduler({
    date: new Date("2013/6/6"),
    majorTimeHeaderTemplate: kendo.template(template),
    dataSource: [{
        id: 1,
        start: new Date("2013/6/6 08:00 AM"),
        end: new Date("2013/6/6 09:00 AM"),
        title: "Interview"
    }]
});

（）

---

您可以对其他视图类型使用类似的方法。

您应该能够通过CSS实现这一点。比如：

.k-scheduler-times tr:nth-child(-n+8)
{
    background-color: green;
}

.k-scheduler-times tr:nth-child(n+9):nth-child(-n+16)
{
    background-color: red;
}

---

谢谢这正是我想要的。是否可以使用指定的颜色覆盖整个时间单元（将其视为具有实心边框的完整单元，其中包含“11 am”，用“浅蓝色”着色，但没有周围的空白），而不只是使用模板-您需要尝试使用Spike的解决方案编码（虽然它有不能按小时着色的限制，所以当你想使用“show business hours”之类的东西时，它可能对你不起作用）；另一种选择是修改kendo.ui.DayView的源代码（我更新了答案）@Abdelwahed这对你起作用了还是你还需要帮助解决这个问题？

.k-scheduler-times tr:nth-child(-n+8)
{
    background-color: green;
}

.k-scheduler-times tr:nth-child(n+9):nth-child(-n+16)
{
    background-color: red;
}