JQuery UIの日付ピッカーは、再フォーカス後にのみ動作します

Question

次のコードは.datepickerフィールドをクリックした後で日付ピッカーを開き、別の場所をクリックしてから.datepickerを再度クリックします。

$(document.body).on("click", ".datepicker", function() { 
$(".datepicker").datepicker({ 
}); 
}); 

「準備のためのクリック」がなくても動作させる方法を教えてください。

jQuery(document).ready(function ($) { 
    $(".datepicker").datepicker({ 
    }); 
}); 

Answer 1

使用thisは、現在選択されている入力をターゲットにし、プログラム的に日付ピッカーを開くためにshowメソッドを使用します。

Answer 2

これを試してみてください。

これは入力ごとに一度だけ行うことをお勧めします。これは、日付ピッカーが既に存在するかどうかをチェックすることによって実行できます。

のような何か：

$(document.body).on("click", ".datepicker", function() { 
    if (!$(this).data("ui-datepicker")) { 
    $(this).datepicker(); 
    $(this).datepicker("show"); 
    } 
}); 

フィドル：https://jsfiddle.net/ca3vj3od/