Question

私はページにカレンダーを持ち、日と時間を選択するためにブートストラップDatetimepickerを使用しています。

これには、入力グループが必要です。

<div id="dateChoose" class="form-group"> 
    <div class='input-group date' id='datetimepicker1'> 
     <input type='hidden' style="border:none" class="form-control" /> 
     <span class="btn btn-primary input-group-addon "> 
      <span class="glyphicon glyphicon-calendar"> 
      </span> 
     </span> 
    </div> 
</div> 

たら、私は、テキストボックス（ピックアップ日にちょうどのみボタン）をしたくなかったし、私はにきちんとのDateTimePickerのfuncionalityを追加することができませんでした後：そして、私はそのように、地雷を設定しています私はinput-group-addonをいくつかのCSSのボタンとして「マスク」し、別のボタンのように見え、テキストボックス（type='hidden'）を隠すことに決めました。

This (image)と思われます。しかし、今、私は<input>を隠していたので、画面のどこかをクリックすると、カレンダーは開いた後に閉じることができません。

カレンダーを閉じるにはどうすればいいですか？テキストが隠されていない場合はどこかをクリックしてください。

Answer 1

あなたがフォーカスを失ったとき、あなたのカレンダーが離れて

に行く必要があり、その後

$("#id").on("blur", function(e) { $(this).off("focus").datepicker("hide"); }); 

下のコードを追加し、あなたの入力のカレンダーにIDを与えます