Source code of a Spring Boot web application that uses HTML5/JavaScript scheduler to display events for multiple resources.
Nov 22, 2020 (updated)
Articles
Add a scheduler UI component to your React application in a few easy steps. Fast data loading, drag and drop, appearance customization options.
Nov 22, 2020 (updated)
Angular project that displays an event calendar component with day, week and month views that share the same data and can be easily switched. A date picker component is used to switch the current date and highlight busy days.
Nov 22, 2020 (updated)
PHP web application that allows to plan annual leave days using a visual HTML5 scheduler component.
Nov 22, 2020 (updated)
Simple web application that displays tennis court availability and lets the users create a reservation using drag and drop. Includes a PHP project with sample MySQL/SQLite database.
Nov 21, 2020 (updated)
How to use HTML5/JavaScript resource calendar component to create a dynamic schedule. The calendar loads data (resources and events) using a REST API that is implemented using PHP and MySQL.
Nov 21, 2020 (updated)
How to implement event swapping using drag an drop in the JavaScript Scheduler component. Detect events at the target position and move the target event to the source position after drop. The Scheduler provides real-time feedback during dragging.
Nov 21, 2020 (updated)
How to enable keyboard navigation in the JavaScript Scheduler component. Use the keybaord to focus cells in the grid, select a time range and edit existing events.
Nov 17, 2020 (updated)
HTML5 scheduler with drag and drop support. Displays a timeline for multiple resources grouped by category. Sample PHP project with AJAX backend implementation. Uses MySQL to store the scheduler data.
Nov 6, 2020 (updated)
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.
Nov 6, 2020 (updated)