New to Kendo UI for jQuery? Download free 30-day trial

Use Local Observable Data Object in the Scheduler


Product Progress® Kendo UI® Scheduler for jQuery
Operating System Windows 10 64bit
Visual Studio Version Visual Studio 2017
Preferred Language JavaScript


How can I bind the Scheduler to a local observableObject and change the properties during runtime?


The following example demonstrates how to achieve the desired scenario.

    <div id="example">
      <button id="update">Update</button>
      <div id="scheduler"></div>
      $(function() {
        var data = [{
          title: "Test",
          start: new Date(2013, 5, 13, 10),
          end: new Date(2013, 5, 13, 11)

        var observableData = new;

          date: new Date("2013/6/13"),
          startTime: new Date("2013/6/13 07:00 AM"),
          height: 600,
          views: [
          dataSource: observableData

        $("#update").click(function(e) {
          observableData[0].set("end", new Date(2013, 5, 13, 13));

See Also

In this article