/vue-tuicalendar-bootstrap-example

Vue.js with Bootstrap, Tui Calendar + Extras example project

Primary LanguageVueMIT LicenseMIT

Vue.js with Bootstrap, 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, Bootstrap, 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 is a lightweight, "write less, do more", JavaScript library.

A progressive, incrementally-adoptable JavaScript framework for building UI on the web.

A JavaScript schedule calendar that is full featured.

Component that selects specific date.

Component that selects specific time.

A lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.

Random generator helper for JavaScript.

Author

Héctor Pavez.

License

MIT