How to limit drag and drop time range selection to the specified number of cells.
October 29, 2020 (updated)
HTML5 Doctor Appointment Scheduling (JavaScript/PHP/MySQL)
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.
How to show availability of child resources using color bars in the JavaScript Scheduler component.
October 29, 2020 (updated)
How to display a column summary with resource utilization and availability details in the JavaScript Scheduler component. The utilization is also displayed using a bar chart at the bottom.
October 26, 2020 (updated)
How to add custom components to events displayed in the Angular Scheduler.
October 21, 2020 (updated)
How to integrate Angular 10 event calendar component with a date picker and navigation buttons for changing the visible week.
October 14, 2020 (updated)
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.
September 28, 2020 (updated)
How to add a special row to the JavaScript Scheduler time header that will let users select multiple columns using drag and drop.
September 18, 2020 (new)
How to override the drag behavior to allow time range selection to be started anywhere in the Scheduler grid (over cells or events).
September 17, 2020 (updated)
How to display time separators in the time header of the JavaScript Scheduler (in addition to the Scheduler grid).
September 3, 2020 (updated)
Angular 10 application that shows how to switch the Scheduler (which is in "edit" mode by default) to read-only mode.
August 31, 2020 (updated)
Browse Tutorials by Topic