The Calendar can be initialized using the built-in jQuery calendar plugin.

Note:

  • The Calendar doesn't require jQuery. You only need it if you want to use the jQuery plugin.

JavaScript

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

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

<script type="text/javascript">
    var dp = $("dp").daypilotCalendar({
      startDate: new DayPilot.Date("2013-03-25").firstDayOfMonth(),
      viewType: "Week"
    });
</script>

ASP.NET WebForms

Not supported.

ASP.NET MVC

The Scheduler can be initialized using a jQuery plugin instead of the Html Extender.

  • Use $("#dps).daypilotCalendar(options);
  • Set the properties using options parameter.
  • The .init() method will be called automatically.

Example

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

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

<script type="text/javascript">
    var dp = $("dp").daypilotCalendar({
      backendUrl: '<%= ResolveUrl("~/Calendar/Backend") %>', 
      startDate: new DayPilot.Date("2013-03-25").firstDayOfMonth(),
      viewType: "Week"
    });
</script>

Demo

Java

 
<script src="scripts/daypilot-all.min.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="themes/calendar_white.css" />    

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

<script type="text/javascript">
    var dp = $("dp").daypilotCalendar({
      backendUrl : '${pageContext.request.contextPath}/dpc',
      cssClassPrefix: "calendar_white",
      startDate: new DayPilot.Date("2013-03-25").firstDayOfMonth(),
      viewType: "Week"
    });
</script>

Demo