How disable to select minutes in v-time-picker widget?
There is a click event on hour @click:hour. The event emits the current value of timepicker. You can utilize that to set the data.
Codepen: https://codepen.io/aaha/pen/abzEWPE
<div id="app">
<v-app>
<v-menu
v-model="menu"
max-width="290px"
min-width="290px"
>
<template v-slot:activator="{ on }">
<v-text-field
:value="time"
label="Picker in menu"
readonly
v-on="on"
></v-text-field>
</template>
<v-time-picker
v-if="menu"
:value="time"
@click:hour="closePicker"
></v-time-picker>
</v-menu>
</v-app>
</div>
var vApp = new Vue({
el: '#app',
vuetify: new Vuetify(),
data: {
time: null,
menu: false
},
methods: {
closePicker: function(v){
v = v < 10 ? '0'+v : v;
this.time = v+":00";
this.menu = false
}
}
})