以 15 分钟步长输入时间答案

【问题标题】：Input time with 15 minutes step以 15 分钟步长输入时间
【发布时间】：2020-12-17 11:03:56
【问题描述】：

我有这个输入时间组件，我希望以 15 为步长标记分钟...目前我写的它不起作用...有解决方案吗？

 <b-form-input
    minutes-step="15"
    type="time" >
 </b-form-input>

除其他事项外，我还使用正常输入进行了测试，没有使用引导程序并使用“步骤”，但它仍然不起作用......如果我写 08:23 它会让我这样做。我想找到一个四舍五入的解决方案，比如如果我写 8:13，它会带我回到 8:15。或者如果我写 8:21，它会让我回到 8:30。不知道有没有说清楚，也不知道行不行，试过了还是不行。

【问题讨论】：

标签： javascript vue.js input time bootstrap-vue

【解决方案1】：

您使用的是正确的属性，但不是在正确的组件上。

表单输入组件的属性中没有列出minutes-step。

您应该尝试使用似乎更适合您需要的“Form Timepicker”组件，使用 minutes-step 选项，如下所示：

<b-form-timepicker v-model="value" locale="en" minutes-step="15"></b-form-timepicker>

【讨论】：

不幸的是，我尝试了引导时间选择器，但效果很糟糕......他们需要改进很多！不可能像输入时间一样手动写入时间，所以在实践中我想要的不可行......感谢您的回答！