如何在代码中添加“0”这种条件?

时间:2016-09-13 05:42:33

标签: javascript

我在下面的代码工作正常,但我想要做的是,如果我输入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

1 个答案:

答案 0 :(得分:1)

您可以尝试这样:

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

即,你可以在值的开头填一个零,然后从最后一个切两个数字。