强制用户在 Input=Time 中仅输入小时数并禁用 Minutes

Question

在我的应用程序中，时间总是像 HH/00/00。因此用户只需输入小时值，因为分钟将为 00。我找不到将 input=time 的格式更改为仅 HH 的方法。

我找到了一些关于分配步长值的文章，但它不起作用。

关于阻止用户使用 select 分钟并强制他只使用 select 小时的想法吗？

<div class="md-form mx-5 my-5">
    </div>

  <label>Choose your time</label>
  <input type="time"  /

Answer 1

一些 JS 代码怎么样？真的很简单，就像下面的一样，您可以添加更多条件以使其更加严格，但是在这里：

const timeInput = document.getElementById('time');

timeInput.addEventListener('input', (e) => {
  let hour = e.target.value.split(':')[0]
  e.target.value = `${hour}:00`
})

<div class="md-form mx-5 my-5">
    </div>

  <label>Choose your time</label>
  <input id="time" type="time">

强制用户在 Input=Time 中仅输入小时数并禁用 Minutes

Force user to enter only hours in Input=Time and disable Minutes

html

javascript

jquery

bootstrap-4