Event Calendar Tutorials

Web application with Angular calendar component configured to display a custom set of days as columns.

How to customize the touch gestures for the event calendar for mobile devices (iOS, Android, Windows 8).

This tutorial shows how to create a print page for the event calendar and open the browser print dialog. Includes sample C# and VB ASP.NET projects.

Using DayPilot HTML5 event calendar in a mobile application (iOS, Android, Windows Phone) created using Cordova/PhoneGap.

Sample ASP.NET application that exports the weekly calendar with events to PDF. Visual Studio solution with C# and VB source code included.

ASP.NET WebForms application that implements a weekly event calendar with support for recurring events. Visual Studio 2017 solution with C# and VB.NET versions of the tutorial.

Drag and drop monthly event calendar for JavaScript/HTML5. Full calendar CSS styling support. Includes a sample PHP backend with SQL database.

Basic tutorial on using DayPilot ASP.NET calendar in an ASP.NET web application. The original version of this tutorial from 2009 works without changing a single line of code (after replacing DayPilot.dll with the current version).

How to configure the Angular calendar component to use 100% height and fill the available space.

ASP.NET web application for managing doctor appointments. Includes public and management interface. SQL Server database. C# and VB.NET project versions.

A simple HTML5/JavaScript web application that exports the current view of the JavaScript Calendar component (including appointments) as a PDF document. Pure client-side solution.

Interactive event calendar for JavaScript/HMTL5 with support for drag and drop operations. Full calendar CSS styling support. Includes a sample PHP backend with SQL database.

Angular 10 project with weekly event calendar component. Download the project source code and use it as a starting point of your own application.

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

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 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.

A quick start web project that shows how to create an interactive event calendar in ASP.NET MVC 5.

How to create an AJAX monthly event calendar using DayPilot Lite for ASP.NET MVC (open-source).

AJAX event calendar with drag and drop support. Toolbar for fast switching between day, week, and month views.