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.

Tags: tutorial html5 javascript scheduler jquery modal

Nov 10, 2015

html5 scheduler javascript new event modal dialog

Features

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.

Products

Resources

Tools

About Us

Contact

DayPilot Pro

Event calendar/scheduling AJAX components. Available for JavaScript/HTML5/jQuery, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.