Изменение фокуса при вводе даты в datepicker

Question

Когда я ввожу '01' в поле месяца или 01, 02 или 03 в поле дня моего datepicker, фокус не переходит в следующее поле. Это произойдет, если я нажму клавишу табуляции, но я бы хотел, чтобы она менялась, как только пользователь вводил две цифры в поле. Пожалуйста, порекомендуйте.

Answer 1

Вы можете использовать Jquery, чтобы сделать это, пожалуйста, посмотрите :)

HTML:

Month: <input type='text' id='month' /> 
Year: <input type='text' id='year' /> 

JS:

var timeout; 
$('#month').on('keyup', function() { 
    clearTimeout(timeout); 
    timeout = setTimeout(function() { 
     $('#year').focus(); 
    }, 500); 
}); 

Это это Fiddle ответ

Answer 2

Разветвляющихся Stiger в , Я закончил с этим кодом, который делает то, что вы просили: сосредоточьтесь на следующем входе, когда день или месяц поле имеет 2 цифры (с помощью JQuery):

http://jsfiddle.net/dr3c1k5r/

HTML

Day: <input type='number' id='day' /> 
Month: <input type='number' id='month' /> 
Year: <input type='number' id='year' /> 

JS

$('#day, #month').on('keyup', function() { 
    if ($(this).val().length >=2) { 
    $(this).next(":input").focus(); 
    } 
});