Question

我正在尝试格式化日期，因为用户通过为函数内部分配一个类来进入输入字段。我知道它的触发但它在输入字段中抛出[object]是完全正确的。我的最终目标是，当用户输入时，它会在前两个字符之后抛出一个/，然后是另一个/后两个字符：01/01/2017

CODE：

    $(document).off('keydown', '.dateField');
    $(document).on('keydown', '.dateField', function(e){
        var start = this.selectionStart,
            end = this.selectionEnd;

            if($(this).val().replace(/[^\d]/g,"").length<$(this).val().length)
                end = end-1;

            $(this).val($(this).toString().substr(0,2)+"/"+$(this).toString().substr(2));

            this.setSelectionRange(start, end);
  }

更新代码：

$(document).on('keydown', '.dateField', function(e){

    $(this).attr('maxlength', '10');

    var key=String.fromCharCode(e.keyCode);

    if(!(key>=0&&key<=9)){
        $(this).val($(this).val().substr(0,$(this).val().length-1));
    }

    var value=$(this).val();

    if(value.length==2||value.length==5){
        $(this).val($(this).val()+'/');
    }

这不是阻止字母和符号如何添加正则表达式以防止此问题。（egex的超级棒）

Answer 1

最终守则：

    $(document).off('keydown', '.dateField');
    $(document).on('keydown', '.dateField', function(e){

        $(this).attr('maxlength', '10');

        if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
             // Allow: Ctrl+A, Command+A
            (e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true)) ||
             // Allow: home, end, left, right, down, up
            (e.keyCode >= 35 && e.keyCode <= 40)) {
                 // let it happen, don't do anything
                 return;
        }
        // Ensure that it is a number and stop the keypress
        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
            e.preventDefault();
        }

        var value=$(this).val();

        if(value.length==2||value.length==5){
            $(this).val($(this).val()+'/');
        }
}

jQuery格式日期输入

1 个答案: