javascript - 如何在代码中添加 `0`这种条件？

Question

我下面的代码工作正常，但我想做的是，如果我输入 5:30 代码将自动添加 0 所以输出将是05:30。

我尝试像 JSFIDDLE 2 那样编辑代码，但失败了。

有可能是我想要的输出吗？

HTML:

    <div>
    <input id="Departure" type="text" style="width: 50px; text-align: center" placeholder="00:00" maxlength = "5" />
    </div>

JavaScript:

    <script type="text/javascript">
    document.getElementById('Departure').addEventListener('keyup',
        function(event) {
            if(event.target.value.length === 2) {
            if((event.key && !isNaN(event.key)) || (event.keyCode >= 48 && event.keyCode <= 57)) {
          if(!isNaN(event.target.value) && parseInt(event.target.value) > 12) {
          event.target.value = event.target.value.slice(0,1) + ':' + event.target.value.substring(1);
          } else {
                event.target.value += ':';
          }
        }
      }
    });
</script>

JSFIDDLE

JSFIDDLE 2

Answer 1

你可以这样尝试:

'0' + event.target.value.slice(0,1).slice(-2)
+ ':' +
'0' + event.target.value.substring(1).slice(-2)

即，您可以在值的开头填充一个零，然后从最后一个数字中截取两位数。