Kendo UI Scheduler禁用单日多个时间跨度范围。

问题描述 投票:3回答:1

我有一个调度器,将由创作者和消费者使用。创作者将定义一个特定的时间范围(创建一个事件),在这个时间范围内,消费者可以进行互动。在当天的其他时间范围内,消费者不能互动,并将被禁用。我确实成功地创建了事件,没有任何问题,但显示可用的互动插槽却给我带来了问题。

Example: 假设,创建者将允许的时间段定义为下午4:00至晚上8:00(我成功地将其保存在数据库中并相应地显示)。所以,在消费者视图中,调度器应该在上午12:00到下午4:00和晚上8:00到上午12:00禁用,在下午4:00到晚上8:00启用。这意味着消费者可以在下午4:00到晚上8:00之间创建多个事件。

我需要适当的调度器选项,我可以使用它作为数据源。

configuration kendo-ui kendo-scheduler
1个回答
0
投票

你可以使用 挽救事件 以防止创建事件,只显示允许的范围。

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();
        }
    }
});
© www.soinside.com 2019 - 2024. All rights reserved.