Vue.js with Vuetify, Tui Calendar + Extras example project
This project aims to guide the implementation of Tui Calendar in vue. This implementation is based on the complete example of Tui Calendar + Extras which is made in Html, CSS, Vuetify, Javascript and jQuery. Npm modules are used instead of using script tags in html.
To see this project in action, click here.
Installation
Prerequisites
First you need to have node.js installed. This will also automatically install the npm package manager.
Usage
First you must install the npm modules with npm install
or npm i
.
Development
npm run serve
then open localhost:8080 in your browser.
Production
First run npm run build
and a folder 'dist /' will be created with the html, css and js files that you can mount as root on any server. All the paths of the html file start with /... . Remember to change them if your project is not in the root of the server.
Components used
The following components are used in this project. There are plenty more, though, check the package.json
files.
jQuery
jQuery is a lightweight, "write less, do more", JavaScript library.
Vue.js
A progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Vuetify
Material Component Framework for Vue.js 2.
Tui Calendar
A JavaScript schedule calendar that is full featured.
Moment
A lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.
ChanceJs
Random generator helper for JavaScript.
Author
HĂ©ctor Pavez.
License
MIT