I'm using Kendo scheduler with angular js and here is my schedulerOptions.
My requirement-I want to trigger a function on change of a date/select week /select day/month option .
But unfortunately the change function is not triggering any event.
Here is the code..
$scope.schedulerOptions = {
date: new Date(),
startTime: new Date(),
height: 800,
views: [
"day",
"week",
"month",
{ type: "month", selected: true }
],
change: scheduler_change,
eventTemplate: $("#event-template").html(),
editable: {
destroy: false, //removes close button from the label
template: $("#editor").html()
},
edit: onEditClick,
timezone: "Etc/UTC",
dataSource: {
batch: true,
data: outputTypeArray,
schema: {
model: {
id: "id",
fields: {
id: { from: "id", type: "number" },
title: { from: "name", defaultValue: "NA", validation: { required: true } },
name: { from: "name", defaultValue: "NA", validation: { required: true } },
status: { from: "status", defaultValue: "NA", validation: { required: true } },
trip: { from: "trips", defaultValue: "NA", validation: { required: true } },
client: { from: "client", defaultValue: "NA", validation: { required: true } },
start: { type: "date", from: "start" },
end: { type: "date", from: "end" },
colorId: { from: "colorId" }
}
}
}
},
footer: false
};
}
function scheduler_change(e) {
var start = e.start; //selection start dates
var end = e.end; //selection end date
var slots = e.slots; //list of selected slots
var events = e.events; //list of selected Scheduler events
var message = "change:: selection from {0:g} till {1:g}";
if (events.length) {
message += ". The selected event is '" + events[events.length - 1].title + "'";
}
console.log(kendo.format(message, start, end));
}
Can you please help me on this..