jquery - 在日期选择器中输入日期时更改焦点

Question

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

Answer 1

You can use Jquery to do this, please take a look :)

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

This's a 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();
  }
});