将日期输入日期选择器时更改焦点

Question

当我在月份字段或01,02或03中输入“01”时，我的日期选择器的日期字段中焦点不会更改为下一个字段。如果我按Tab键，但我希望在用户输入两位数字后立即更改。请指教。

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(); 
    } 
});