Question

我想按如下方式自定义小时显示：

09:00
11:00
14:00
16:00
18:00
18:30
19:00

我的代码：

$("#schedulerQ").kendoScheduler(
{
    date: new Date('28/01/2018 09:00'),
    startTime: new Date(),
    views: [{ type: "week", 
    dateHeaderTemplate: kendo.template("<span class='days-name'>#=kendo.toString(date, 'dddd dd/MM')#</span>")}],
    minorTickCount: 1, // display one time slot per major tick
    majorTick: 60,
    allDaySlot: false,
    selectable: true,
    ...
});

但我有显示器（每小时）：

09:00
10:00
11:00
12:00
....

我需要你的帮助，谢谢。

Answer 1

使用标准视图，您无法做到这一点。您需要创建自己的视图。最简单的开始应该是复制kendo.scheduler.dayview.js并修改它。看看函数“_forTimeRange”。

            for (; idx < length; idx++) {
                var majorTickDivider = idx % (msMajorInterval / msInterval), isMajorTickRow = majorTickDivider === 0, isMiddleRow = majorTickDivider < minorTickCount - 1, isLastSlotRow = majorTickDivider === minorTickCount - 1;
                html += action(start, isMajorTickRow, isMiddleRow, isLastSlotRow);
                setTime(start, msInterval, false);
            }

用您的自定义逻辑替换setTime调用。很可能你会得到一些副作用。请问您的用例是什么？也许你可以在不创建自定义视图的情况下解决它。

自定义Kendo Scheduler中的小时显示（jquery）

1 个答案: