jquery - 日付を日付ピッカーに入力するときにフォーカスを変更する

Question

日付ピッカーの月フィールドに「01」を入力するか、日フィールドに 01、02、または 03 を入力すると、フォーカスが次のフィールドに変わりません。タブキーを押すと変更されますが、ユーザーがフィールドに 2 桁の数字を入力するとすぐに変更したいと考えています。お知らせ下さい。

Answer 1

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

Answer 2

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

これはフィドルです