强迫用户在Input=Time中只输入小时并禁用分钟

Question

在我的申请中，时间总是类似于HH/00/00。因此，用户只需输入小时值，因为分钟将为00。我无法找到将input=time格式更改为HH格式的方法。

我发现了一些关于分配步骤值的文章，但是它不起作用。

对于阻止用户选择分钟并强迫他只选择小时有什么想法吗？

<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">

​