This list includes tutorials about building interactive scheduling applications using JavaScript/HTML5 calendar and scheduler components. These tutorials guide you through the process of creating diverse scheduling systems. They cover the development of various applications, including shift planning systems, event calendars, hotel room booking systems, and annual leave schedulers.
You will learn how to use JavaScript with PHP, ASP.NET Core or Spring Boot to create intuitive, drag-and-drop interfaces. In addition, the tutorials delve into more advanced topics like filtering options, handling real-time zoom levels, and configuring advanced features like event targets. Get the skills to build versatile and user-friendly scheduling applications that leverage the capabilities of HTML5 and JavaScript.
How to use JavaScript/HTML5 Scheduler control from DayPilot Pro package in an ASP.NET Core web application.
Jan 30, 2024
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
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.
Nov 20, 2023
Tutorial with source code - a web application for scheduling dependent machine/production jobs, implemented in Spring Boot (Java).
Oct 12, 2023
Spring Boot web application that displays a monthly calendar with drag and drop support. Implemented using JavaScript monthly calendar control from DayPilot package.
Sep 9, 2023
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.
Jun 4, 2023
Create a Spring Boot scheduling application with a weekly HTML5/JavaScript calendar component.
May 9, 2023
HTML5/JavaScript event calendar with day, week, and month views and integrated date navigator. Includes a sample PHP backend with MySQL database.
Apr 4, 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
Simple ASP.NET Core web application that displays event data in a weekly calendar. Uses Entity Framework Core for data access.
Feb 16, 2023
How to filter rooms displayed in the JavaScript Scheduler component using a complex filter - by size and date availability.
Jan 1, 2023
How to hide Scheduler rows that have no events using row filtering feature.
Dec 28, 2022
ASP.NET Core web application that displays scheduled events in a monthly calendar. Visual Studio 2022 project for download.
Dec 1, 2022
HTML5 web application for managing doctor appointments. Includes public and administration interface. Patients can request an appointment in one of the slots predefined using the administration interface. Implemented in PHP/MySQL.
Jun 2, 2022
How to change the zoom level of the JavaScript Scheduler component in real time using a slider and (+)/(-) buttons.
Jan 13, 2022
Using DayPilot HTML5 event calendar in a mobile application (iOS, Android, Windows Phone) created using Cordova/PhoneGap.
Jul 30, 2021
Simple HTML web application that exports the Scheduler to PDF (client-side).
Jul 30, 2021
PHP web application that allows to plan annual leave days using a visual HTML5 scheduler component.
Jun 18, 2021
This tutorial shows how to create a PHP web application for machine/production job scheduling. The visual HTML5 scheduling grid displays task assignments, duration and dependencies. Users can use drag and drop to change the schedule.
Jun 16, 2021
Drag and drop monthly event calendar for JavaScript/HTML5. Full calendar CSS styling support. Includes a sample PHP backend with SQL database.
Jun 16, 2021