I would like to have a Kendo Scheduler of a complete year where a major tick is a month, and a minor tick is half of the month.
I created a custom view representing an year, that's ok but this view represent an year where each majortick is a day due to the majortick that can have only minutes values.
This is the custom view:
(
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);
this are the property of the view in the init:
{
type:
"kendo.ui.SchedulerTimelineYearView"
,
title:
"Year"
,
majorTick: 1440*30,
// 30 days but i want exactly a month
minorTickCount: 2,
columnWidth: 50
},
Is this possible?