The following Vue tutorials show how to use Vue calendar and scheduler components from DayPilot Pro to create a single-page scheduling application.
Recently, a package-based mode was introduced where the application gets compiled just like in Angular and React.
For a quick introduction to using the Vue Scheduler component, please see the Vue Scheduler: Build a Reservation Application in 5 Minutes tutorial.
If you want to start with a quick testing project, you can use UI Builder online application to configure the Vue.js components and generate a new project including all dependencies.
Learn how to use the Vue Scheduler component to add a drag-and-drop timesheet UI to your Vue application, calculate daily totals and style the timesheet using CSS.
Oct 18, 2021
How to calculate resource utilization percentage and display a histogram at the top of the Vue Scheduler component.
Aug 26, 2021
How to enable on-demand event loading in the Vue Scheduler component. The Scheduler will load events for the current viewport. Additional data will be loaded during scrolling.
Aug 23, 2021
Vue application that shows how to integrate and configure a Gantt chart. The Gantt chart component displays a timeline for a hierarchy of tasks and milestones.
Aug 9, 2021
How to display global and row-specific holidays in the Vue Scheduler. Optionally, disable the drag and drop operations for the holiday cells.
Aug 9, 2021
How to add "Undo" and "Redo" buttons to the Vue Scheduler. The UndoService maintains history of changes and allows unlimited undo/redo.
Jul 31, 2021
How to display a queue of unscheduled tasks that can be dragged to the Vue Scheduler component.
Jul 30, 2021
Vue.js application for scheduling resource reservations. Built using a customizable Scheduler UI component - flexible timeline, drag and drop support.
Jun 3, 2021
Dec 16, 2020
Vue.js project that includes Scheduler component with basic configuration and all required boilerplate code.
Dec 14, 2020
How to switch the date range displayed by the Vue.js Scheduler using next/previous buttons.
Feb 26, 2020
Articles 1-11 of 11