javascript - 通过jquery在日期<input>框中自动添加斜杠/符号

Question

(我发现了几个问题但没有答案，所以我问了问题)
如何在<input>中添加自动斜杠/符号输入/键入日期时的框？
示例:当输入 02 或任何日期、月份、年份数字时，jquery 会在输入框中的 2 个数字后自动添加/符号，例如 02/12/2016
请检查 jsfiddle 示例:https://jsfiddle.net/rjkdd9j6/

HTML:

<input type="text" id="your-id" value="dd/mm/yy">

jquery或JS有什么简单的解决方案吗？

Answer 1

这样的事情会起作用。还要检查附加的 JSFiddle。

$( document ).ready(function() {
    $('#your-id').bind('keyup','keydown', function(event) {
    var inputLength = event.target.value.length;
    if(inputLength === 2 || inputLength === 5){
      var thisVal = event.target.value;
      thisVal += '/';
      $(event.target).val(thisVal);
    }
  })
});

https://jsfiddle.net/ahmedhawas7/rjkdd9j6/3/

您还可以使用像 Jquery 这样的输入掩码库:https://github.com/RobinHerbots/jquery.inputmask