Vue2 Clock Picker

A simple clock picker component for vue v2.x.

Installation

$ npm install @pencilpix/vue2-clock-picker --save 

or

$ yarn add @pencilpix/vue2-clock-picker 

• In Browser:

  1. via plugin

  <link href="node_modules/@pencilpix/vue2-clock-picker/dist/vue2-clock-picker.min.css"/>   <script src="node_modules/vuejs/dist/vue.min.js"></script> <!-- plugin will register the component globally in the global vue instance --> <script src="node_modules/@pencilpix/vue2-clock-picker/dist/vue2-clock-picker.plugin.js"></script>   <!-- if for any reason need to install the plugin manually --> <script> Vue.use(VueClockPickerPlugin) // since the plugin is globally available </script>

  2. via per component

  <link href="node_modules/@pencilpix/vue2-clock-picker/dist/vue2-clock-picker.min.css"/>   <script src="node_modules/vuejs/dist/vue.min.js"></script> <script src="node_modules/@pencilpix/vue2-clock-picker/dist/vue2-clock-picker.js"></script> <script>   const app = new Vue({     // ...     components: {       VueClockPicker, //  bundle makes the component globally available for registering     },     // ...   }); </script>

• Module:

  1. per component

  import VueClockPicker from '@pencilpix/vue2-clock-picker'; import '@pencilpix/vue2-clock-picker/dist/vue2-clock-picker.min.css';  export default {   // ...   components: {     VueClockPicker,   }   // ... } 

  2. global plugin

  import '@pencilpix/vue2-clock-picker/dist/vue2-clock-picker.min.css'; const VueClockPickerPlugin = require('@pencilpix/vue2-clock-picker/dist/vue2-clock-picker.plugin.js') Vue.use(VueClockPickerPlugin)

Usage

once component is installed it can be used as:

<vue-clock-picker v-model="value"></vue-clock-picker>

props

events

methods