javascript - マウスアウトでUI日付ピッカーを非表示

Question

入力に対してマウスアウトを実行するため、これは機能していないと思います。しかし、hideメソッドを追加するためにdatepickerの現在のインスタンスをどのように選択しますか？

$("input.datePicker").datepicker().mouseout(function() {
    $(this).datepicker("hide");    
});

Answer 1

datepickerクラス自体をセレクターとしてターゲットにする必要があります。

$('.ui-datepicker').mouseleave(function(){
    $("input.datePicker").datepicker('hide').blur()

});

日付ピッカーは動的に生成されるため、ウィジェットの初期化後に呼び出す必要があります。

作業デモ： http： //jsfiddle.net/nBmcY/2/

編集：入力のトリガーブラーも追加されたため、ユーザーが間違えた場合に同じフィールドをクリックするとすぐにクリックできます。