如何以2位数显示html数字输入的输入值？

Question

我想有这样的事情：

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

我想在这里添加的唯一内容是始终将数字显示为2位数字（显示0为＆＃39; 00＆＃39;，7为＆＃39; 07＆＃39;和53作为＆＃39; 53＆＃39;）。

我已经在SO上寻找了很多解决方案，但没有一个真的能帮我完成任务。特别是，在jQuery中连接onChange eventHandler或blur()以改变数字似乎并没有为我做好工作（我猜测这是因为min-我使用的最大验证，但我不确定。）
在更大的方案中，我想制作一个简单易于更改的时间控制，使用数字输入轻松更改小时/分钟/秒。我不能用任何标准的东西吗？ HTML时间控件似乎并未在所有主流浏览器中得到支持....

Answer 1

像This?

这样的东西

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