React application that displays a weekly event calendar using an open-source DayPilot React calendar component. Includes a date picker for changing the visible week. The calendar/scheduler appearance is customized using CSS.
Jul 18, 2022
How to use a popup date picker to select a date displayed by the React Calendar component.
Jul 14, 2022
Use the Vue calendar component to display an interactive schedule for multiple resources.
Jul 14, 2022
Add "next" and "previous" buttons to your React application and let users switch the month displayed by the Scheduler component.
Jun 17, 2022
How to use the JavaScript Scheduler keyboard API to define custom hotkeys and override the default behavior.
Jun 3, 2022
How to define custom time segments in the Scheduler time headers. In this example, we will display a special header that will highlight work weeks and weekends.
Jun 2, 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 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.
May 25, 2022
How to mark selected days as disabled and prevent adding, moving, and resizing events. You can use this technique to disable days in the past, weekends, holidays or other dates.
May 24, 2022
Use the Vue date picker component (Navigator) to change the current date. The date picker can highlight dates that already have events or are not available.
May 9, 2022
When removing events from the scheduler, it is possible to remove them completely or to move them to a queue of unscheduled tasks or a row with unassigned events (while keeping the scheduled time).
Apr 26, 2022
How to create a drag-and-drop timesheet application in ASP.NET Core (.NET 6) with SQL Server and Entity Framework.
Apr 11, 2022
How to render custom React JSX component in the Scheduler grid cells.
Apr 4, 2022
The React Scheduler component allows customization of event content. This tutorial shows how to add a custom progress bar using event active areas.
Mar 4, 2022
How to display milestones in the React Scheduler component. You can use custom shapes, icons, colors and connect the milestones using links.
Feb 8, 2022
How to change the zoom level of the JavaScript Scheduler component in real time using a slider and (+)/(-) buttons.
Jan 13, 2022
This tutorial shows how to create a PHP application that will let users manage and schedule work orders using a visual interface implemented using JavaScript/HTML5.
Jan 10, 2022
How to calculate resource utilization percentage and display a histogram at the top of the Vue Scheduler component.
Jan 10, 2022
How to create a weekly calendar web application using a Vue calendar component. The tutorial includes a Vue.js project with JavaScript source code for download.
Jan 4, 2022
What things to look at when you are not happy with the React Scheduler component performance.
Dec 17, 2021