通过jquery在Date <input />框中自动添加斜杠/符号

时间:2016-08-27 16:50:38

标签: javascript jquery html regex

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

HTML:

<input>

jquery或JS是否有任何简单的解决方案?

3 个答案:

答案 0 :(得分:5)

这样的东西会起作用。检查附加的JSFiddle。

curl.cainfo = "C:\xampp\php\cacert.pem.txt"

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

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

答案 1 :(得分:1)

将onkeydown事件处理程序附加到<input>框,并且只要输入框的值为2或5,就会附加&#39; /&#39;它。

小提琴: - https://jsfiddle.net/nuh4dy6j/ `

var input = document.querySelector('input');
input.addEventListener('keydown', ev => {
  var ipLength = ev.target.value.length;
  if(ipLength ===2 || ipLength ===5) {
    ev.target.value += '/';
  }
});

答案 2 :(得分:1)

你可以这样做,试一试

$(document).ready(function() {
      $("#inputDate").keyup(function(){
            if ($(this).val().length == 2){
                    $(this).val($(this).val() + "/");
            }else if ($(this).val().length == 5){
                  $(this).val($(this).val() + "/");
            }
       });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="inputDate" type="text" />