Vue 3 Scheduling Tutorials

The following tutorials leverage Vue 3 and the composition API to build advanced calendar and scheduling applications with JavaScript/HTML5.

The basic tutorials demonstrate the initial setup of the Vue Scheduler component and explain how to manage and display data within the Vue framework. These include fundamental examples like displaying global and row-specific holidays and creating a drag-and-drop timesheet UI.

More complex tutorials, such as Vue Scheduler: Build a Reservation Application in 5 Minutes, illustrate how to utilize the Scheduler component in real-world applications. Whether you need to calculate resource utilization, integrate a queue of unscheduled tasks, or enhance events with custom Vue components, these tutorials provide comprehensive, practical guidance.

Each tutorial is designed to help you make the most of the Vue Scheduler component, offering downloadable source code and detailed explanations to support your development process. These resources will equip you with the tools to create robust, interactive scheduling applications.

There are also tutorials that use the Vue package of the open-source version of the DayPilot scheduling library.