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.
Jun 8, 2021
Back to JavaScript Scheduler Tutorials
PHP application that lets you record restaurant table reservations and find a free table using a visual user interface. With MySQL database storage.
May 13, 2021
Copy multiple Scheduler events using copy & paste or using drag and drop.
Apr 13, 2021
How to make parallel HTTP requests, wait for all of them to complete and update the JavaScript Scheduler once.
Mar 15, 2021
How to define your own Scheduler event types and customize the appearance. You can change the event type using a context menu or a modal dialog.
Mar 10, 2021
How to add warm-up and cool-down time to Scheduler events. The additional time segments are stored and displayed automatically but drag and drop is only enabled for the core event.
Jan 31, 2021
How to define day/week/month views for the JavaScript Scheduler. The current view can be switched using custom buttons.
Jan 31, 2021
How to configure the JavaScript Scheduler to automatically shift existing events forward when a new event is dragged and dropped, to avoid overlaps.
Jan 19, 2021
How to draw a custom timeline in the DayPilot Pro JavaScript Scheduler time header.
Jan 16, 2021
Client-side undo/redo implementation for the JavaScript scheduler component. Displays the action history and the current position in the list.
Jan 2, 2021
How to load HTML5 scheduler events from the server dynamically during scrolling. Includes a sample PHP server backend.
Dec 23, 2020
HTML5 sample that shows how to export the JavaScript Scheduler to multi-page PDF file (5 rows per page).
Dec 18, 2020
How to configure the JavaScript Scheduler control to provide additional functionality on mobile and touch devices (iOS, Android). Includes a sample HTML5/JavaScript project, a custom CSS theme and a set of font icons.
Dec 14, 2020
How to configure the JavaScript Scheduler component to display custom holiday information and block drag and drop operations for the holiday cells.
Dec 14, 2020
Vue.js project that includes Scheduler component with basic configuration and all required boilerplate code.
Dec 14, 2020
How to select Scheduler rows using checkboxes displayed in the row header.
Dec 6, 2020
This tutorial shows how to use DayPilot AJAX Scheduler to create a JavaScript/HTML5 event scheduler application with PHP backend.
Nov 29, 2020
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
How to enable keyboard navigation in the JavaScript Scheduler component. Use the keyboard to focus cells in the grid, select a time range and edit existing events.
Nov 17, 2020
How to limit drag and drop time range selection to the specified number of cells.
Oct 29, 2020