jQuery - JavaScript Scheduler


DayPilot is a standalone library and it doesn't require jQuery.

However, it works nice with jQuery:

  • It includes a jQuery scheduler plugin for easy jQuery integration.
  • jQuery 1.x supported
  • jQuery 2.x supported
  • jQuery 3.x supported

jQuery Scheduler Plugin Example

<script src="scripts/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="scripts/daypilot-all.min.js" type="text/javascript"></script>

<div id="dp"></div>

<script type="text/javascript">
  var dp = $("#dp").daypilotScheduler({
    cellWidth: 40,
    eventHeight: 25,
    headerHeight: 25,
    startDate: new DayPilot.Date("2013-03-25").firstDayOfMonth(),
    cellGroupBy: "Month",
    days: 31,
    cellDuration: 1440, // one day
    resources: [
     { name: "Room A", id: "A" },
     { name: "Room B", id: "B" },
     { name: "Room C", id: "C" }