0.1.3 • Published 5 years ago
vue-timepicker-wheel v0.1.3
vue-timepicker-wheel
A timepicker Vue component. Compatible with Vue 2.x
Demo
Install
npm i vue-timepicker-wheel
Usage
<template>
<div>
<vue-timepicker-wheel :time="time" @change="value => time = value" />
</div>
</template>
<script>
import VueTimepickerWheel from 'vue-timepicker-wheel'
export default {
components: {
VueTimepickerWheel
},
data: () => ({
time: '23:59' // 23 hour, 59 minute
})
}
</script>
Available props
Prop | Type | Default | Description |
---|---|---|---|
time | String | --:-- | Time value of the timepicker |
width | String | 300px | Box Width |
color | String | #1867c0 | Box Background Color |
time-color | String | white | Time Color |
time-size | String | 50px | Time Font Size |
time-weight | String | 500 | Time Font Weight |
arrow | Boolean | true | arrow up/down button |
shadow | Boolean | false | Box Shadow |
Events
These events are emitted on actions in the timepicker
Event | Output | Description |
---|---|---|
change | time | return time |