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.
Jun 19, 2024
Back to JavaScript Scheduler Tutorials
How to group related events into a single event in the JavaScript Scheduler component and add expand [+] and collapse [-] icons that allow changing the event visibility.
Jun 15, 2024
How to display milestones in the React Scheduler component. You can use custom shapes, icons, colors and connect the milestones using links.
Jun 13, 2024
Source code of a Spring Boot web application that uses HTML5/JavaScript scheduler to display events for multiple resources.
Jun 7, 2024
How to create a drag-and-drop timesheet application in ASP.NET Core (.NET 8) with SQL Server and Entity Framework.
Jun 6, 2024
A tutorial that shows how to create a PHP shift planning system - a web application that lets you manage shifts for multiple locations using a visual JavaScript scheduler component.
May 21, 2024
How to configure DayPilot JavaScript Calendar to create a custom view that displays a yearly calendar where each column represents one month, and each cell represents one day.
Apr 15, 2024
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.
Feb 25, 2024
Learn how to create a context menu-driven event swapping feature, enabling users to exchange two selected events.
Feb 12, 2024
Learn how to enhance Vue Scheduler events with custom Vue components. Add dynamic content, interactive elements and apply custom styling.
Jan 2, 2024
Learn how to use the Vue Scheduler component to add a drag-and-drop timesheet UI to your Vue application, calculate daily totals and style the timesheet using CSS.
Dec 14, 2023
A tutorial that shows how to create a PHP reservation system for hotel rooms with JavaScript/HTML5 frontend. The user interface includes a visual scheduling calendar with drag and drop support. MySQL and SQLite databases.
Dec 2, 2023
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).
Nov 26, 2023
Learn how to add notes to the cells of a JavaScript Scheduler component. Notes are indicated by a red triangle in the upper-right corner and become visible upon hovering over a cell.
Oct 31, 2023
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.
Oct 29, 2023
How to render custom JSX in events displayed by the React Scheduler component.
Oct 25, 2023
Tutorial with source code - a web application for scheduling dependent machine/production jobs, implemented in Spring Boot (Java).
Oct 12, 2023
The JavaScript Scheduler allows selecting a time range over multiple adjacent rows at once.
Aug 14, 2023
How to configure Scheduler event boxes to accept items from an external list (drag and drop). Implemented using standard HTML5 drag and drop API.
Feb 16, 2023
How to limit the maximum number of concurrent events the will be displayed in the JavaScript Scheduler component. Add an icon indicating that more events are available.
Jan 26, 2023