JavaScript Scheduler Tutorials

HTML5 sample that shows how to export the JavaScript Scheduler to multi-page PDF file (5 rows per page).

How to enable keyboard navigation in the JavaScript Scheduler component. Use the keyboard to focus cells in the grid, select a time range and edit existing events.

How to add a special row to the JavaScript Scheduler time header that will let users select multiple columns using drag and drop.

How to display time separators in the time header of the JavaScript Scheduler (in addition to the Scheduler grid).

How to add DayPilot context menu to any DOM element.

How to customize the JavaScript Scheduler row sorting feature. You can define custom sort icons (Font Awesome or other icon sets or custom images), disable sorting for selected events, and adjust the sorting logic.

How to create a modal dialog with custom fields and let users edit JavaScript Scheduler events on click. The modal dialog fields are defined programmatically using an array.

How to configure the image export of the JavaScript Scheduler to include rich HTML content.

Use an online configurator to customize JavaScript scheduler component user interface. Generate and download a ready-to-run project.

AngularJS web application for scheduling events for multiple resources (people, tools). Supports drag and drop scheduling. Sample PHP application with source code.

Simple web application that shows how to use a modal dialog to create and edit JavaScript Scheduler events. Includes PHP source code for download.

Sample AngularJS application for scheduling and managing doctor appointments. Includes public interface for patients and private interface for doctors and shift managers. Includes a PHP backend.

How to create an AngularJS hotel room booking application using AngularJS scheduler plugin. Includes PHP backend (SQLite, MySQL).