How to Use Vue Templates in Calendar and Scheduler Components

Vue Scheduler: Using Cell Templates to Show Slot Prices

How to use Vue templates to display dynamic reservation prices in each Scheduler time slot. Slot prices are defined using pricing plans independently for each day of the week.

Jan 21, 2025

Cell Templates in Vue Calendar: Display Slot Start Times, Sunrise & Sunset (Open-Source)

Use Vue templates to add custom content to calendar cells: text, icons, or even Vue components. Use v-if to display content only in the cells you choose.

vue vue3 calendar template javascript

Jan 3, 2025

Vue Scheduler: Row Header Templates

How to customize row headers of the Vue Scheduler component using Vue templates - add icons, buttons, or Vue components.

vuejs scheduler template javascript vue3

Nov 19, 2024

Vue Calendar: Using Templates to Add Icons, Buttons, or Progress Bars to Events (Open-Source)

Vue templates allow adding dynamic content to Vue Calendar events, including interactive elements and custom Vue components.

javascript vuejs vue3 event-calendar template open-source

Nov 5, 2024

How to Add Interactive Elements to Vue Scheduler Events Using Templates

Vue templates supported by the Scheduler component allow you to add dynamic content to events, such as checkboxes, drop-down lists, or attachment upload buttons.

javascript vuejs vue3 scheduler template

Nov 1, 2024

Articles 1-5 of 5

Products

Resources

Tools

About Us

Contact

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.