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.
First you need to have node.js installed. This will also automatically install the npm package manager.
First you must install the npm modules with npm install or npm i.
npm run serve then open localhost:8080 in your browser.
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.
The following components are used in this project. There are plenty more, though, check the package.json files.
jQuery is a lightweight, "write less, do more", JavaScript library.
A progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Material Component Framework for Vue.js 2.
A JavaScript schedule calendar that is full featured.
A lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.
Random generator helper for JavaScript.
Héctor Pavez.
MIT