通过jQuery自动在日期<输入>框中添加斜杠/符号

Aar*_*iba 0 html javascript regex jquery

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

HTML:

<input type="text" id="your-id" value="dd/mm/yy">
Run Code Online (Sandbox Code Playgroud)

jQuery或JS有什么简单的解决方案吗?

Ahm*_*was 5

这样的事情会起作用。还要检查随附的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);
    }
  })
});
Run Code Online (Sandbox Code Playgroud)

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

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

  • @Aariba酷。我也更新了它以防止退格:https://jsfiddle.net/ahmedhawas7/rjkdd9j6/3/ (2认同)