在datepicker中键入日期时更改焦点

时间:2013-06-04 15:31:47

标签: jquery datepicker focus

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

2 个答案:

答案 0 :(得分:0)

您可以使用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

答案 1 :(得分:0)

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