入力をクリックすると日付ピッカーが閉じる

私は何を達成したいことは以下の通りです： - ユーザーは、日付ピッカーでページが開きます - テキスト入力>>日付ピッカーのテキストフィールド/アイコンでユーザーがクリック開く - ユーザーがテキストフィールド>>日付ピッカーで再びクリックします閉じます。

このプラグインには「オートクローズ」機能がありますが、それは私が望むものではありません。ユーザーがdatepickerポップアップの外側とテキストフィールドのどこかをクリックすると、alも閉じます。

入力自体を再度クリックしたときにも閉じる方法を教えてください。

2016-10-10 Mbrouwer88

onChangeイベントを使用すると、datepicker要素全体が非表示になります。

すなわち：

$('.datepicker').datepicker().on('changeDate', function(){ 
    $('.datepicker').hide(); 
});

2016-10-10 07:57:00 Bwaxxlo

申し訳ありませんが、これは私が意味するものではありません。テキストフィールドをもう一度クリックすると、datepickerポップアップが閉じるようにします。まず入力>ポップアップを開くをクリックします。 2回目の入力をクリック>閉じるポップアップ（日付を変更しない） – Mbrouwer88

まずピッカーが表示されているかどうかを格納する変数を作成します。

var visible = false;

そして、それが示すなら（ピッカーの状況に基づいて、この変数を変更したり、ユーザーが入力ボックスをクリックしたときに非表示にすることができます（表示されている場合）。

$("#datePickerID").click(function(){ 
    if(visible) 
    { 
     $('#datePickerID').datepicker().hide(); 
    } 
})

2016-10-10 08:14:31 Mfusiki

答えて