Vuetify，时间选择器 - 如何以 15 分钟为间隔设置允许的时间？

Question

我是 vuetify 的新手。我试图以 15 分钟的间隔设置时间，并将另一个选项设置为禁用。任何人都可以帮我找到解决方案吗？代码在这里：

   v-model="time"
   :allowed-hours="allowedHours"
   :allowed-minutes="allowedMinutes"
   class="mt-4"
   format="24hr"
   scrollable
   min="9:30"
   max="22:15"
 ></v-time-picker>
 <v-time-picker
   v-model="timeStep"
   :allowed-minutes="allowedStep"
   class="mt-4"
   format="24hr"
 ></v-time-picker>


script>
export default {
 data () {
   return {
     time: '11:15',
     timeStep: '10:10',
   }
 },
 methods: {
allowedHours,
   allowedMinutes:,
   allowedStep: ,
 },
}
</script>

Answer 1

你可以试试这个

<v-time-picker
   v-model="time"
   :allowed-minutes="allowedStep"
   format="24hr"
   scrollable
   min="9:30"
   max="22:15"
></v-time-picker>

并且您可以添加allowedStep方法如下：

methods: {
  allowedStep: m => m % 15 === 0,
},

Vuetify，时间选择器 - 如何以 15 分钟为间隔设置允许的时间？

Vuetify, time-picker - how to set allowed time in 15 minutes intervals?

intervals

timepicker

vue.js

vuetify.js