vue-bootstrap-time-picker

simple 12 hour clock system time picker

Usage no npm install needed!

<script type="module">
  import vueBootstrapTimePicker from 'https://cdn.skypack.dev/vue-bootstrap-time-picker';
</script>

README

Installation

screenshot

yarn add vue-bootsrtap-time-picker

or

npm i vue-bootstrap-time-picker --save-dev

Usage

Register the component in your vue files as :

import TimePicker from 'vue-bootstrap-time-picker';

export default {
    components: {
        TimePicker
    },

    data() {
        return {
            time: ''
        }
    }
}

<form>
    <time-picker v-model="time" />
</form>

Props

prop value description
name string: default="" name of the input
placeholder string: default="" placeholder for the input