ASP.NET Core Calendar and Scheduler Tutorials

The following tutorials use ASP.NET Core technology (and C#) to back JavaScript/HTML5 or Angular front-end calendar and schedule applications.

The ASP.NET Core framework lets you create the REST API very quickly and efficiently. The web application front end can be plain HTML5/JavaScript (as in the case of ASP.NET Core Production Workflow Scheduling Tutorial tutorial) or you can use one of the popular frameworks, such as Angular, React, or Vue.

Most of the tutorial use Entity Framework to handle the data access. The Entity Framework lets you create the database schema from the model classes. It can also help with generating the MVC controllers with REST API. The tutorials use generated migrations to create and initialize the SQL Server database using LocalDB.

Check out tutorials created with the latest .NET 9, as well as those using the previous .NET 8 (LTS) and .NET 7.

ASP.NET Core can also be used with the open-source version of DayPilot, as you can see in the ASP.NET Core Maintenance Scheduling (Open-Source) tutorial.

Older tutorials for ASP.NET MVC 3/4/5 are also available.

ASP.NET Core Scheduler (.NET 9)
ASP.NET Core Scheduler (.NET 9)
How to use JavaScript/HTML5 Scheduler control from DayPilot Pro package in an ASP.NET Core web application.
ASP.NET Core Field Service Scheduling: Tasks, Routes, and Travel Time
ASP.NET Core Field Service Scheduling: Tasks, Routes, and Travel Time
How to implement a field service scheduling application in ASP.NET Core, with visual representation of travel time, route planning, and real-time constraint enforcement.
ASP.NET Core Production Workflow Scheduling Tutorial
ASP.NET Core Production Workflow Scheduling Tutorial
Schedule manufacturing jobs by assigning tasks to individual machines using drag and drop. Includes an ASP.NET Core application for download, data is stored in an SQL Server database.
ASP.NET Core Weekly Calendar (Open-Source)
ASP.NET Core Weekly Calendar (Open-Source)
Simple ASP.NET Core web application that displays event data in a weekly calendar. Uses Entity Framework Core for data access.
ASP.NET Core Resource-Scheduling Calendar (Open-Source)
ASP.NET Core Resource-Scheduling Calendar (Open-Source)
How to create a resource-scheduling calendar in ASP.NET Core that displays resources as columns. Add more UI features, such as free/busy highlighting, next/previous date-changing buttons and a modal dialog for editing event details.
ASP.NET Core Scheduler: Dynamic Event Loading
ASP.NET Core Scheduler: Dynamic Event Loading
ASP.NET Core project that uses JavaScript Scheduler component with dynamic event loading feature enabled. See what performance you can expect when displaying large data sets.
ASP.NET Core Monthly Calendar (.NET 8, JavaScript/HTML5, Open-Source)
ASP.NET Core Monthly Calendar (.NET 8, JavaScript/HTML5, Open-Source)
ASP.NET Core web application that displays scheduled events in a monthly calendar. Visual Studio 2022 project for download.
ASP.NET Core Shift Planning (Entity Framework, .NET 8)
ASP.NET Core Shift Planning (Entity Framework, .NET 8)
This tutorial explains how to create a visual ASP.NET Core application for scheduling shifts (multiple locations and employees). It uses a modern UI that lets you manage shifts using drag and drop.
ASP.NET Core Timesheet (.NET 8, SQL Server, Entity Framework)
ASP.NET Core Timesheet (.NET 8, SQL Server, Entity Framework)
How to create a drag-and-drop timesheet application in ASP.NET Core (.NET 8) with SQL Server and Entity Framework.
ASP.NET Core Work Order Scheduling (JavaScript, C#, Entity Framework, .NET 8)
ASP.NET Core Work Order Scheduling (JavaScript, C#, Entity Framework, .NET 8)
ASP.NET Core application with drag and drop UI that lets you assign and schedule work orders. Includes a queue of unscheduled tasks, graphical team availability/utilization, context menu with additional actions, dialog for editing work order details.
ASP.NET Core Maintenance Scheduling (Open-Source)
ASP.NET Core Maintenance Scheduling (Open-Source)
How to create a visual, color-coded, and easily adjustable maintenance plan in ASP.NET Core using DayPilot - the open-source calendar/scheduling UI library.
ASP.NET Core Doctor Appointment Scheduling Tutorial (.NET 8)
ASP.NET Core Doctor Appointment Scheduling Tutorial (.NET 8)
ASP.NET Core application for doctor appointment scheduling. The application works with three roles: manager (define available appointment slots), patient (request an appointment using one of the available slot) and doctor (manage existing appointments).
HTML5/JavaScript Event Calendar (Open-Source)
HTML5/JavaScript Event Calendar (Open-Source)
Weekly HTML5/JavaScript event calendar with CSS themes, drag and drop support, date navigator. Sample PHP and ASP.NET Core projects with REST backend implementation.
Tutorial: ASP.NET Core Hotel Room Booking App
Tutorial: ASP.NET Core Hotel Room Booking App
Learn how to build an ASP.NET Core-based hotel room booking management application featuring a drag-and-drop interface, filter functionality, integration with SQL Server and Entity Framework, all visualized using a JavaScript Scheduler component.
Angular: How To Build Annual Leave Scheduling Application (ASP.NET Core Backend)
Angular: How To Build Annual Leave Scheduling Application (ASP.NET Core Backend)
Build an Angular annual leave scheduling application with REST backend created using ASP.NET Core and Entity Framework.
DayPilot Pro Scheduler for ASP.NET Core (Preview)
DayPilot Pro Scheduler for ASP.NET Core (Preview)
A preview version of DayPilot Pro for ASP.NET Core is now available. This quick tutorial shows how to start using it in an ASP.NET Core web project.
Articles 1-16 of 16