javascript - 如何显示恰好2位的html数字输入的输入值？

Question

我想要这样的东西:

<input id="seconds" type="number" value="0" min="0" max="59" />

我唯一想在此处添加的是始终始终将数字显示为 2 位数字(将 0 显示为“00”，将 7 显示为“07”，将 53 显示为“53”)。

我已经在 SO 上寻找了很多解决方案，但没有一个真正适合我。特别是，在 jQuery 中连接 onChange 事件处理程序或 blur() 来改变数字似乎对我来说不起作用(我猜这是因为我正在使用的最小最大验证，但我不确定)。

在更大的方案中，我想做一个简单且易于更改的时间控制，使用数字输入轻松更改小时/分钟/秒。没有任何我可以使用的标准东西吗？似乎并非所有主流浏览器都支持 HTML 时间控件....

Answer 1

类似 This? 的东西

$( document ).ready(function() {
    $('#seconds').on('input', function() { 
    var n = $(this).val();
    if(n<10){
      $(this).val(0+""+n);
    }
  });
});