Hi,

 I am using kendo scheduler and am getting slots startdate and End Date are showing undefined error while initially loading the dialog.

After loading the page if I click the slots then I am getting that startdate undefined error.

After clicking the k-i-refresh icon the scheduler then it's working correctly.

I need to know why after clicking the k-i-refresh icon it's working and I need to do in initial itself

 

this is my code,

this.$('#cheduler').kendoScheduler({
dateHeaderTemplate: "<span class='k-link k-nav-day'>#=kendo.toString(date, 'ddd')#</span>",
majorTimeHeaderTemplate: kendo.template("<strong>#=kendo.toString(date,'h tt')#</strong>"),
slotTemplate: "<div style='background:white;'></div>",
workDayStart: new Date("2013/1/1 12:00 AM"),
workDayEnd: new Date("2013/1/1 11:59 PM"),
majorTick: 60, // a major tick represents 60 minutes (1 hours)
minorTickCount: 1, // a minor tick count represents the slots in the major tick
allDaySlot: false,
selectable: false,
editable: false,
header: false,
footer: false,
views: [
{
type: 'week',
selected: true,
workWeekStart: 6,
currentTimeMarker: false
}
],
dataSource: [
],
dataBinding: function (e) {
var tables = self.$(".employeeAvailablitycalendar .k-scheduler-times .k-scheduler-table");
tables = tables.first();
var rows = tables.find("th");
if (!isSelectable) rows.addClass("whiteboxshading");
else rows.addClass("greyboxshading");
},
dataBound: function (e) {
thisView.schedulerLayout(this)
thisView.readSchedules(this)
}
});

// to hide the Header tool...
this.getScheduler().wrapper.children("div").hide();

I don't want the header tool part to show and I need the slot startdate and enddate on initial dialog loading itself.