Rapid Prototyping - JavaScript Scheduler

JavaScript Scheduler Rapid Prototyping   6 Lines of Code Required

Only 6 lines of code necessary for the basic setup

Add the Scheduler component to your HTML page in just 6 lines of code:

<script src="js/daypilot-all.min.js"></script>
<div id="dp"></div>
<script type="text/javascript">
  const dp = new DayPilot.Scheduler("dp", { /* ...config... */ });
  dp.init();
</script>

This easy setup will allow you to get started quickly a create your first prototype in minutes.

Single JavaScript file is required

  • It includes all the JavaScript classes.
  • It includes the default CSS theme so you don't need to add a special CSS include for testing.

No external dependencies

No third party JavaScript library is required. This will save you not only the bandwidth but also the setup and learning time.

No styling required: The default CSS theme included

The default CSS theme requires no setup - it is included in the JavaScript library.

Quick CSS theme design

Create a new CSS theme that matches your site/app - quickly and easily using the online theme designer.

Start with sample projects

Start with sample projects available at code.daypilot.org to save time:

All tutorials include a sample project for download.