@pencilpix/vue2-clock-picker v0.1.6

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
```html
<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