DayPilot
Products
Support
DayPilot Code
JavaScript
Angular
React
Vue
ASP.NET
ASP.NET Core
PHP
Spring Boot
Open-Source

Composition API - Vue Calendar/Scheduling Tutorials

Welcome to our compilation of tutorials focused on the application of Vue.js Composition API in building calendar and scheduling applications. This cutting-edge Vue API offers a more flexible and logical way to organize code, particularly for complex applications, which makes it an ideal choice for such projects.

Our tutorials provide step-by-step guides on how to leverage the Composition API to create intuitive, efficient, and responsive calendars or scheduling systems. Whether you're a beginner just getting your feet wet in Vue.js, or a seasoned developer looking to dive deeper into the Composition API, you'll find valuable resources here.

Learn how to effectively encapsulate logic, improve code reuse and testing, and manage state in a more predictable way. Also, get insights on best practices for improving the performance and user experience of your application. Enjoy exploring, learning, and creating!

Vue.js Scheduler: Changing Visible Date
Vue.js Scheduler: Changing Visible Date
How to switch the date range displayed by the Vue.js Scheduler using next/previous buttons.
vuejs scheduler javascript navigation composition-api vue3
Jul 15, 2024
Vue Scheduler: How to Display Holidays
Vue Scheduler: How to Display Holidays
How to display global and row-specific holidays in the Vue Scheduler. Optionally, disable the drag and drop operations for the holiday cells.
vuejs scheduler holidays javascript vue3 composition-api
Jul 12, 2024
Vue Scheduler: Availability/Utilization Histogram
Vue Scheduler: Availability/Utilization Histogram
How to calculate resource utilization percentage and display a histogram at the top of the Vue Scheduler component.
vuejs scheduler utilization availability javascript composition-api vue3
Jun 25, 2024
Vue.js Weekly Calendar Tutorial (Open-Source)
Vue.js Weekly Calendar Tutorial (Open-Source)
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.
vuejs javascript event-calendar appointment open-source composition-api vue3
Jun 22, 2024
Vue Scheduler: Components in Events
Vue Scheduler: Components in Events
Learn how to enhance Vue Scheduler events with custom Vue components. Add dynamic content, interactive elements and apply custom styling.
vuejs scheduler javascript vue3 composition-api
Jan 2, 2024
Vue Timesheet
Vue Timesheet
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.
vuejs timesheet row-header-columns scheduler javascript vue3 composition-api
Dec 14, 2023
Vue Scheduler: Build a Reservation Application in 5 Minutes
Vue Scheduler: Build a Reservation Application in 5 Minutes
Vue.js application for scheduling resource reservations. Built using a customizable Scheduler UI component - flexible timeline, drag and drop support.
vuejs scheduler javascript reservation vue3 composition-api
Nov 30, 2023
Vue Resource Calendar (Open-Source)
Vue Resource Calendar (Open-Source)
Use the Vue calendar component to display an interactive schedule for multiple resources.
vuejs resource-calendar open-source javascript composition-api vue3 free-busy
Aug 7, 2023
Articles 1-8 of 8

Products

Resources

Tools

About Us

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.