Vue.js
Versatile Vue JS Scheduler
Integrate a lightweight Vue JS Scheduler component into your scheduling app with 10 views and intuitive drag-and-drop support.
Try DHTMLX Vue Scheduler Live Demo
Open a demo on desktop
DHTMLX Scheduler is the top choice for creating comprehensive scheduling web apps.
How to Create Vue JS Scheduler Calendar
5 steps to start with DHTMLX Vue Scheduler:
1.
Create a Vue component for Scheduler and add the container for Scheduler in the
template container.
2.
Import Scheduler and its CSS file.
3.
Create the Scheduler instance in the mounted function and add
the Scheduler configuration there.
4.
Attach the Scheduler instance to the internal object to access it later in the
unmounted function.
5.
Destroy the Scheduler Instance in the unmounted function to clean
up when Scheduler is no longer needed.
Key Features of Vue JS Scheduler Calendar
PDF/PNG export module
To export your Vue JS scheduler calendar to PDF and PNG, we advise you
to install a standalone module directly to your server or as a Docker
image. It also supports exporting to Excel and iCal formats and
eliminates the need to send your data to any external services thus
securing it.
Theme customization
DHTMLX Scheduler features Terrace, Dark, Material, Flat, Contrast Black,
and Contrast White ready-made themes that support straightforward
customization using CSS variables. Consequently, you have the flexibility
to modify colors, fonts, and various stylistic elements throughout the
entire application with minimal changes to the source code.
DHTMLX Scheduler Integrations
Why Choose DHTMLX Vue JS Scheduler?
Flexible API
The Scheduler library comes with an extensive API, which includes a wide range of
methods, properties, and events. They provide you with full control over the look
and feel. You can easily manipulate the API, set a proper date format, and
localization, and modify any other configurations.
Infinite customization
You can change nearly every aspect of the Vue scheduler, including colors, text
content, and scales. A calendar popup form for editing task details can also be
configured to display custom fields. You can also highlight specific dates or date
ranges using custom styles.
Support for accessibility standards
DHTMLX widgets and libraries support modern accessibility standards, including WAI-ARIA,
high-contrast themes, and keyboard navigation. Our Vue JS Scheduler component is
mobile-friendly and can respond to touch gestures on various mobile devices.
Smooth server-side integration
Our scheduling library works smoothly with any back-end technology with the help of
an efficient implementation of REST API on the server side and DHTMLX DataProcessor
client-side library.
What Customers Say
I'm pretty happy with the software because it's very easy and quick to implement.
I love to have fast results, it definitely helps. It was very useful to see the
Scheduler demos on your website. These demos helped us to see how things are
working in real-case scenarios. I think that your demos that looked and worked
really well made me choose DHTMLX.
Jeroen van Lierop
Product manager at the Netherlands-based startup QN Projects
We use the Scheduler product and I see DHTMLX as an accelerator of our business to
reduce the time to market to launch new features. With it, I can focus my team on the
specific points and business rules. DHTMLX Scheduler meets all my needs. In addition,
the components are beautiful, fast and reliable.
Mauricio F.
Small business
We found that the flexibility inherent in this product (dhtmlxScheduler) along with
the incredibly responsive and helpful support team was key in successfully delivering
what was requested.
WebAuthor Team
Government agency
We've been using DHTMLX libraries since 2005/06. It's pretty simple. You guys build
controls we couldn't possibly do. Before that, we used straight HTML. Using DHTMLX
lets us concentrate primarily on the functional aspects of the application and be
able to deliver a modern sophisticated user interface without having to build those
kinds of controls ourselves.
David Basri
President of the American software company Point Enterprises, Inc.
Documentation
Make use of documentation
If you want to streamline your learning curve, try to browse our constantly updated
documentation with API references, guides, and video tutorials describing every asset
of working with DHTMLX Scheduler.
Samples
Work with code snippets
We're constantly upgrading DHTMLX Scheduler online examples where you can explore its
features, play around with the code, preview , and share your results with your team
or our tech support.
Free trial
Get a 30-day free trial
We invite you to download a free trial version of DHTMLX Scheduler and integrate it into
your project to make sure it’s exactly what you need. Our technical support team will
assist during the evaluation.
Forum
Seek help in our community forum
DHTMLX team moderates the forum you can access to discuss different aspects of the
Scheduler component and look for solutions to calendar-related issues.
Official tech support
Learn about DHTMLX support
Whether you’re our client, trial user, or open-source developer, the DHTMLX team is always
ready to help you. Please, visit our tech support page to know about the different support
levels we offer.
Integrations
Integrate Scheduler with anything
Apart from Vue.js, DHTMLX Scheduler can be integrated with Angular, React, Salesforce,
ASP.Net, Node.js, and any other technology you’re working with.
