如何用一个月的大勾号创建Kendo Scheduler自定义视图?

时间:2019-04-05 14:39:08

标签: javascript kendo-ui kendo-scheduler

我想拥有一整年的剑道调度程序,其中主要刻度是一个月,次要刻度是一个月的一半。

我创建了一个表示年份的自定义视图,没关系,但是此视图表示一年,由于主刻度只能具有分钟值,因此每个主刻度都是一天。

这是自定义视图:

     (function ($, undefined) {
        var kendo = window.kendo,
            ui = kendo.ui,
            SchedulerTimelineView = ui.TimelineView,
            extend = $.extend,
            NS = ".kendoTimelineYearView";

        var SchedulerTimelineYearView = SchedulerTimelineView.extend({
          nextDate: function() {
            var start = this.startDate();
            return new Date(start.getFullYear()+1, 0, 1);
          },
          previousDate: function() {
            var start = this.startDate();
            return new Date(start.getFullYear()-1, 0, 1);
          },
          calculateDateRange: function() {
            var selectedDate = this.options.date,
                start = new Date(selectedDate.getFullYear(), 0, 1),
                end = kendo.date.previousDay(new Date(selectedDate.getFullYear()+1, 0, 1)),
                dates = [];

            while (start <= end) {
              dates.push(start);
              start = kendo.date.nextDay(start);
              //start = dateAdd(start, 'month', 1);
            }
            this._render(dates);
          }
        })

        //extend UI
        extend(true, ui, {
          SchedulerTimelineYearView: SchedulerTimelineYearView
        });

      })(window.kendo.jQuery);

这是init中视图的属性:

            { 
              type: "kendo.ui.SchedulerTimelineYearView", 
              title: "Year", 
              majorTick: 1440*30, // 30 days but i want exactly a month 
              minorTickCount: 2,
              columnWidth: 50
            },

我已经说过,我希望有一个完整的年度调度程序,其中大刻度线代表一个月,而小勾号代表半个月(不是30天,而是一个月)。

这可能吗?

0 个答案:

没有答案