javascript - 在输入数字字段上显示前导零

我有两个input字段，分别代表小时和分钟。

<input type="number" min="0" max="24" step="1" value="00" class="hours">
<input type="number" min="0" max="0.60" step="0.01" value="00" class="minutes">

显示为:

0:0

要么:

5:3

有没有一种方法可以将其显示为:

00:00

要么:

05:03

即24小时数据格式(在人们建议之前，我不能使用type =“time”)。

最佳答案

您可以在输入代码中添加onchange属性，该属性调用javascript函数。

    <script>
       function MyFunction() {
           var minuteValue = document.getElementById("minutes").value;
           if (minuteValue.length < 2) {
               minuteValue = "0" + minuteValue;
           }
           alert(minuteValue);
       }
    </script>

    <input id="minutes" onchange="MyFunction()"/>