Vue3 Timepicker [BETA]
The Vue 3.x version of Vue2 Timepicker
A dropdown time picker (hour|minute|second) for Vue 3.x, with flexible time format support.
Migration
Upgrading from the Vue 2.x version vue2-timepicker? Please check MIGRATION.md for basic guidelines.
Dependencies
Installation
yarn add vue3-timepicker
npm install vue3-timepicker --save
Get Started
Step 1: Import VueTimepicker
Option A: Import component JS and CSS
// Main JS (in CommonJS format)
import VueTimepicker from 'vue3-timepicker'
// CSS
import 'vue3-timepicker/dist/VueTimepicker.css'
Option B: Choose any bundle version base on your needs
Javascript
// CommonJS
import VueTimepicker from 'vue3-timepicker/dist/VueTimepicker.cjs.js'
// ESM
import VueTimepicker from 'vue3-timepicker/dist/VueTimepicker.esm.js'
// UMD (Minified)
import VueTimepicker from 'vue3-timepicker/dist/VueTimepicker.global.js'
CSS
@import 'vue3-timepicker/dist/VueTimepicker.css';
/* Or, with node_module alias path like: */
@import '~vue3-timepicker/dist/VueTimepicker.css';
/*
NOTE: the path alias to `node_modules` differs between bundlers.
Please change the `~` to any alias that works with your environment.
*/
Single File Component
// The *.vue file with CSS included
import VueTimepicker from 'vue3-timepicker/src/VueTimepicker.vue'
// NOTE: In some cases, it requires additional workarounds in the bundler's config
More Documentation (WIP)
- Basic Usage
- Data Binding
- Advance Usage
- ...
Live Demo (WIP)
The live Demo is still working in progress.