Skip to content
DayPilot

JavaScript Calendar and Scheduler Tutorials

JavaScript Scheduler: How to Edit Multiple Fields using a Modal Dialog

JavaScript Scheduler: How to Edit Multiple Fields using a Modal Dialog

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.
JavaScript Scheduler: How to Export HTML to Image

JavaScript Scheduler: How to Export HTML to Image

How to configure the image export of the JavaScript Scheduler to include rich HTML content.
Creating JSON Backend for JavaScript Calendar in ASP.NET (C#)

Creating JSON Backend for JavaScript Calendar in ASP.NET (C#)

ASP.NET application that uses JavaScript calendar component with custom JSON endpoints (implemented by overriding Web Form pages).
JavaScript Calendar Online Configurator

JavaScript Calendar Online Configurator

Configure the JavaScript calendar component using an online configurator app and generate a ready-to-run HTML5/JavaScript project that includes all dependencies.
HTML5/JavaScript Scheduler: Online Configurator

HTML5/JavaScript Scheduler: Online Configurator

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

AngularJS Scheduler Tutorial

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

HTML5 Scheduler and Modal Dialog (jQuery)

Simple web application that shows how to use a modal dialog to create and edit JavaScript Scheduler events. Includes PHP source code for download.
AngularJS Doctor Appointment Scheduling Tutorial (PHP)

AngularJS Doctor Appointment Scheduling Tutorial (PHP)

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.
AngularJS Hotel Room Booking Tutorial

AngularJS Hotel Room Booking Tutorial

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

AngularJS Event Calendar (Open-Source)

AngularJS web application that shows how to create a simple event calendar solution, displaying day and week view and date selector. Supports drag and drop event moving and resizing, event editing using a modal dialog. JSON-based PHP server-side backend.