日付選択後にdatetimepickerを閉じる方法は？

Question

私は使用していますdatetimepicker

私は日付値を選択したらウィジェットを閉じる方法を理解できません。

マイコード：

$(settings.target).datetimepicker({ 
     useCurrent: "hour", 
     minDate: settings.minDate, 
     maxDate: settings.maxDate, 
     keepOpen : false, 
     locale: settings.locale 
    }); 

    $(settings.target).on("dp.change", function (e) { 
     $(settings.target).trigger("dp.hide"); 
    }) 

    $(settings.target + " .action").on("focus", function (e) { 
     $(this).next().trigger("click"); 
    }) 

HTML：

    <div class="row filterRes"> 
         <div class='col-sm-6'> 
          <div class="form-group"> 
           <div class='input-group date' id='datetimepickerFrom'> 
            <input type='text' class="form-control action" placeholder="Från" /> 
            <span class="input-group-addon"> 
             <span class="glyphicon glyphicon-calendar"></span> 
            </span> 
           </div> 
          </div> 
         </div> 
         <div class='col-md-6'> 
          <div class="form-group"> 
           <div class='input-group date' id='datetimepickerTo'> 
            <input type='text' class="form-control action" placeholder="Till" /> 
            <span class="input-group-addon"> 
             <span class="glyphicon glyphicon-calendar"></span> 
            </span> 
           </div> 
          </div> 
         </div> 
        </div> 

は、他のいくつかの試みを試みたが、カントの図は、アウトTIS。 どうすればいいですか？

Answer 1

フィールドにユーザーがクリックするウィジェットが現れたとき、それは。消える日付を選択すると、これは、参照ページの物乞いにノートをtheresのためだけに...、...

を私のために素晴らしい作品。

注すべての機能には、データ属性$（ '＃datetimepicker'）。 データ（ "のDateTimePicker"） .FUNCTION（）

$(settings.target).on("dp.change", function (e) { 
    $(this).data("DateTimePicker").hide(); 
}); 

$(settings.target).on("click", function (e) { 
    $(this).data("DateTimePicker").show(); 
}); 

幸運...

Answer 2

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <div class="form-group"> 
       <div class='input-group date' id='datetimepicker1'> 
        <input type='text' class="form-control" /> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
     <script type="text/javascript"> 
     $(function() { 
      $('#datetimepicker1').datetimepicker({ 
       useCurrent: "hour", 
       keepOpen: false, 
      }).on("dp.change", function (e) { 
       var widget = $(this).find(".bootstrap-datetimepicker-widget"); 
       if (widget.length > 0) { 
        widget.toggle("dp.hide"); 
        $(this).find(".form-control").blur(); 
       } 
      }); 
     }); 
     </script> 
    </div> 
</div> 

このコードは私のために働きます。