在移动设备上使用输入类型时间

Question

我在移动应用程序中使用<input type="time" step="1500">（网站放在网页浏览中）。问题是该步骤在Android或iOS中都不起作用。

我做错了什么，或者除了使用特殊的库来创建那个时间输入之外还有其他选择吗？

Answer 1

步骤1500是否正确？我不这么认为。
Step指定时间字段中的合法数字间隔。

秒钟：

Use numbers that will eventually reach "60". Like: "1, "2", "10", "30", etc.

毫秒：

Start with "." and use numbers that eventually will reach "1000". Like ".010", ".050", ".20", etc.

Answer 2

<div class="bw-input">
  <label>Hours</label>
  <input type="time" v-model="hours" step="900" min="00:00" max="12:00">
</div>

步骤应该起作用，在上面的代码中，您将看到用户可以选择以15分钟/ 900秒的步长提交时间。当用户在08:00和08:15之间输入任何内容时，将显示一条消息：

警告将在提交时显示。