How to display a queue of unscheduled tasks that can be dragged to the Vue Scheduler component.
Jul 16, 2021
The following Vue tutorials show how to use Vue scheduling components from DayPilot Pro to create a single-page scheduling application.
Vue.js is an open-source JavaScript framework that lets you create a web application frontend. One of the big advantages over Angular and React is that no compilation is required and you can use the framework in existing HTML pages easily. The main concept is similar to other JavaScript frameworks but Vue.js is very light-weight and uses plain JavaScript. Vue.js integrates with existing pages very well and doesn’t impose a specific application structure.
Recently, a package-based mode was introduced where the application gets compiled just like in Angular and React.
All JavaScript UI components that are available in DayPilot Pro for JavaScript are available for Vue.js (Calendar, Scheduler, Gantt, Month, Kanban).
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.
Vue.js application for scheduling resource reservations. Built using a customizable Scheduler UI component - flexible timeline, drag and drop support.
Jun 3, 2021
Vue.js 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.
Dec 21, 2020
How to create a weekly calendar web application using Vue.js calendar component. The tutorial include a Vue.js project with JavaScript source code for download.
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-6 of 6