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

Question

我有两个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").

Answer 1

您可以在输入标签中添加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()"/>