Tutorial: HTML5 Scheduler and Modal Dialog (jQuery)

This tutorial shows how to use a modal dialog to create and edit events displayed in the Scheduler.
Nov 10, 2015
html5 scheduler javascript new event modal dialog


  • Demonstrates DayPilot.Modal usage
  • Displays a standalone web page in the modal dialog
  • Binding the modal dialog to the DayPilot JavaScript Scheduler control
  • Requires jQuery for submitting the form using an AJAX call
  • Passing data to the modal dialog using URL and JavaScript
  • Passing data from the modal dialog back to the main page using JavaSciprt
  • Sample PHP project with SQLite database

Source code of the tutorial is available for download.

DayPilot for JavaScript, ASP.NET WebForms, ASP.NET MVC, Java