datetimepickerが選択時に消える

Question

私はdatetimepickerを持っています。

<input id="all-day-event-date" type="text"> 

これは入力テキストボックスです。

$('#all-day-event-date').trigger("focus"); 

そして、私の入力フィールドがあり、カレンダー/ピッカーが表示されるのは、予想通りです。

$("#all-day-event-date").datetimepicker({ 
    timepicker: false, 
    onChangeDateTime: function(dp, $input) { 
     var datetime = $input.val(); 
     var date = datetime.split(" ")[0]; 
     $input.val(date); 
    } 
}); 

それは次のようになります。

しかし、できるだけ早く私は、日付を選択すると、カレンダー。消える：

どのように私はそれが滞在作るのですか？

この質問は以前に尋ねられた質問とは異なります。私は、インラインソリューションしようとすると：

<div style="overflow:hidden;"> 
    <div class="form-group"> 
     <div class="row"> 
      <div class="col-md-8"> 
       <div id="datetimepicker12"></div> 
      </div> 
     </div> 
    </div> 
    <script type="text/javascript"> 
     $(function() { 
      $('#datetimepicker12').datetimepicker({ 
       inline: true, 
       sideBySide: true 
      }); 
     }); 
    </script> 
</div> 

を何が起こるかというと、このです：

そして、私はホームボタンを押したときには、オンラインで正常に表示されます：

この私が望む行動ではありません。私はカレンダーをロードしてすぐに消えてしまわないようにしておき、後で別のボックスをクリックすることなく、ユーザーが選択して再選択できるようにします。

Answer 1

追加focusout今すぐ

$('#all-day-event-date').focusout(); 

日

を選択する上でDatePickerの入力ボックスからフォーカスを削除するには、日付ピッカーを使用すると、入力に焦点を当てた後、再び表示されます。ここで

は私は非常に有用JSFiddle

編集を発見したバイオリンです：あなたがあなたの日付ピッカーがまったく消えないようにしたい場合は、altField

この answer

使用インラインカレンダーを読みます

<input type="text" id="alternate" size="30" /> 
<div id="datepicker"></div> 

<script> 
    $("#datepicker").datepicker({ 
     altField: "#alternate" 
    }); 
</script>