Use Different Date Formats

The following example demonstrates how to use different date formats for the Scheduler events.

Example

    <div id="scheduler"></div>
    <script>
    $("#scheduler").kendoScheduler({
      date: new Date("2013/6/10"),
      views: [ "day", "month" ],
      dataSource: {
        transport: {
          read: function(options) {
           var data = [
                {
                id: 1,
                start: "/Date(1370826000000)/",
                end: "/Date(1370827800000)/",
                title: "/Date(1370826000000)/"
              },
                {
                id: 2,
                start: "2013-06-10T04:00:00",
                end: "2013-06-10T04:30:00",
                title: "2013-06-10T04:00:00"
              },
                {
                id: 3,
                start: "2013-06-10T04:00:00Z",
                end: "2013-06-10T04:30:00Z",
                title: "2013-06-10T04:00:00Z"
              }
           ];

           options.success(data);
          }
        }

      }
    });
    </script>

See Also

Other articles and how-to examples on the Kendo UI Scheduler:

• Scheduler JavaScript API Reference
• How to Retrieve Current View Date Range
• How to Set Different Start Weekday
• How to Set Event Color in the Template
• How to Show More Events in View Cells
• How to Show Only All-Day Events
• How to Set Slot Background Color Using Slot Templates
• How to Show Tooltip with Additional Information over Scheduler Events
• How to Use Remote Validation
• How to Work with Scheduler Offline

How-to examples on the Kendo UI Scheduler in AngularJS:

• How to Edit Using ContextMenu
• How to Set Initial Data Manually
• How to Wrap Scheduler in Custom Directives

For more runnable examples on the Kendo UI Scheduler, browse its How To documentation folder.