如何在 Kendo UI 调度程序小部件上隐藏 timelineMonth 视图的时间 header？

Question

我试图从 Kendo UI 调度程序小部件中隐藏时间 header 但直到现在，我没有在我选择的视图类型中获得我需要的结果.我不需要时间，因为我所有的活动都是全天活动。因此，有什么办法可以不显示 12:00 AM、13:00 AM 等时间...

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

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

            view.times.hide();
            view.timesHeader.hide();
        },

and/or

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();
            });
        },

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

minorTickCount: 0

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

有人遇到过需要克服的问题吗？

Answer 1

你可以试试这个css:

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

Answer 2

在我的例子中，问题已通过以下代码解决：

 dataBound: function(e) {
   var view = this.view();
   view.datesHeader.find("tr:last").prev().hide();
   view.timesHeader.find("tr:last").prev().hide();
 }

如何在 Kendo UI 调度程序小部件上隐藏 timelineMonth 视图的时间 header？

How to hide times header of a timelineMonth view on Kendo UI Scheduler widget?

javascript

jquery

kendo-ui

kendo-scheduler