Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.rtl.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.dataviz.default.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div id="scheduler"></div>
</body>
</html>
 
​
 
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/13"),
  startTime: new Date("2013/6/13 07:00 AM"),
  height: 600,
  views: [
    "day",
    "week"
  ],
  edit: function(e) {
    e.container.find("[name=isAllDay]").parent().prev().remove().end().remove();
  },
  timezone: "Etc/UTC",
  dataSource: {
    batch: true,
    transport: {
      read: {
        url: "http://demos.kendoui.com/service/tasks",
        dataType: "jsonp"
      },
      update: {
        url: "http://demos.kendoui.com/service/tasks/update",
        dataType: "jsonp"
      },
      create: {
        url: "http://demos.kendoui.com/service/tasks/create",
        dataType: "jsonp"
      },
      destroy: {
        url: "http://demos.kendoui.com/service/tasks/destroy",
        dataType: "jsonp"
      },
      parameterMap: function(options, operation) {
        if (operation !== "read" && options.models) {
          return {models: kendo.stringify(options.models)};
        }
      }
    },
    schema: {
      model: {
        id: "taskId",
        fields: {
          taskId: { from: "TaskID", type: "number" },
          title: { from: "Title", defaultValue: "No title", validation: { required: true } },
          start: { type: "date", from: "Start" },
          end: { type: "date", from: "End" },
          startTimezone: { from: "StartTimezone" },
          endTimezone: { from: "EndTimezone" },
          description: { from: "Description" },
          recurrenceId: { from: "RecurrenceID" },
          recurrenceRule: { from: "RecurrenceRule" },
          recurrenceException: { from: "RecurrenceException" },
          isAllDay: { type: "boolean", from: "IsAllDay" }
        }
      }
    }
  }
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers