如何隐藏 Kendo UI Scheduler 小部件上时间线月份视图的时间标题?

sam*_*ira 1 javascript jquery kendo-ui kendo-scheduler

我试图从 Kendo UI Scheduler 小部件隐藏时间标题,但直到现在,我还没有在我选择的视图类型中获得所需的结果。我不需要时间,因为我所有的活动都是全天活动。因此,有没有办法不显示 12:00 AM、13:00 AM 等时间...

我按照文档进行操作,如果我将其放入脚本中,调度程序将不再显示。这是脚本:

dataBinding: function(e) {
            var view = this.view();

            view.times.hide();
            view.timesHeader.hide();
        },
Run Code Online (Sandbox Code Playgroud)

和/或

dataBound: function(e) {
            var tables = $(".k-scheduler-times .k-scheduler-table");

            //Required: remove only last table in dataBound when grouped
            tables = tables.last();

            var rows = tables.find("tr");

            rows.each(function() {
              $(this).children("th:last").hide();
            });
        },
Run Code Online (Sandbox Code Playgroud)

然后,作为另一种选择,我只是将这行脚本添加到视图部分:

minorTickCount: 0
Run Code Online (Sandbox Code Playgroud)

然而,所有带有 12:00 AM 的行都消失了,这使得我的日程表完全过时了,因为它删除了显示事件的所有单元格。

有人遇到过这样的问题需要克服吗?

小智 6

你可以试试这个CSS:

.k-scheduler-timelineWeekview > tbody > tr:nth-child(1) .k-scheduler-table tr:nth-child(2) {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)