Configuration 剑道UI调度程序禁用一天的多个时间跨度/范围

我有一个调度器，它将被创建者和消费者使用。创建者将定义一个特定的时间范围（创建一个事件），消费者可以在其中进行交互。在当天的其他时间范围内，消费者无法互动，将被禁用。我确实成功地创建了这些事件，但显示可用的交互插槽给我带来了问题

示例：

假设创建者将允许的时间段定义为下午4:00到8:00（我可以成功地将其保存在数据库中并相应地显示）因此，在消费者视图中，应在上午12:00到下午4:00和晚上8:00到12:00禁用计划程序，并在下午4:00到晚上8:00启用计划程序。这意味着消费者可以在下午4:00到8:00之间创建多个活动。

我需要适当的调度程序选项，可以将其用作数据源。

您可以使用来防止创建事件，只显示允许的范围：

var startLimit = new Date();
startLimit.setHours(4);
startLimit.setMinutes(0);
startLimit.setSeconds(0);

var endLimit = new Date();
endLimit.setHours(8);
endLimit.setMinutes(0);
endLimit.setSeconds(0);

$("#scheduler").kendoScheduler({
    date: new Date(),
    views: [{
        type: "day",
        startTime: startLimit,
        endTime: endLimit
    }],
    dataSource: [],
    save: function (e) {
        if (e.event.start < startLimit || e.event.end > endLimit) {
            console.log("disallow"); // show validation error or w/e
            e.preventDefault();
        }
    }
});

var startimit=new Date（）；
设置时间限制（4）；
startLimit.setMinutes（0）；
startLimit.setSeconds（0）；
var endLimit=新日期（）；
设定小时数（8）；
endLimit.setMinutes（0）；
endLimit.setSeconds（0）；
$（“#调度程序”）.kendoScheduler({
日期：新日期（），
观点：[{
键入：“日”，
开始时间：惊人的极限，
endTime:endLimit
}],
数据源：[]，
保存：功能（e）{
if（e.event.startendLimit）{
console.log（“disallow”）；//显示验证错误或w/e
e、 预防默认值（）；
}
}
});

我还想在禁用的零件上使用颜色。有什么想法吗？您可能需要迭代.k-scheduler-content中的.k-scheduler-table中的行，并手动设置背景颜色（或添加一个类）