html - 在数字输入中强制前导零

Question

我正在编写一个警报网络应用程序。我有两个数字输入，一个用于小时，一个用于分钟。因此，当我使用键盘箭头时，它们会从 0 变为 23/59。是否有一种 HTML native 方法可以让它们从 00(01,02 等)变为 23/59？

我只担心 UI 方面，因为我的 JS 无论如何都会管理丢失的 0。

编辑 - 根据要求:

我有什么:

我想要什么:

我不想从 0,1,2 到 59，而是希望当数字小于 10(00,01,02 到 59)时自动有一个前导 0。

Answer 1

我用它来根据需要在前面加上零:

<script>
  function leadingZeros(input) {
    if(!isNaN(input.value) && input.value.length === 1) {
      input.value = '0' + input.value;
    }
  }
</script>

我只是在输入的各种事件中调用最适合我的方式，例如:

<input type="number"
       value="00"
       onchange="leadingZeros(this)"
       onkeyup="leadingZeros(this)"
       onclick="leadingZeros(this)" />

这不是一个理想的解决方案，主要是因为当用户更改数字并在前面加上零时会出现轻微的视觉变化，但它对我有用:)

编辑:忘了说，我很欣赏没有 javascript 的 native 解决方案的答案，但我想为通过 Google 搜索登陆这里的人提供一些东西。