选择日期而非关闭选择器后，引导日期选择器

Question

从引导日期选择器中选择日期后，选择器弹出窗口未隐藏。可能是什么问题？

Here is my fiddle

<div class="form-group col-xs-6">
  <div class="input-group">
    <div class="input-group-addon flat">
                <div class="glyphicon glyphicon-calendar"></div>
    </div>
    <div class="col-sm-10">
      <input name="DATEFROM" id="dateFrom" type="text" class="form-control" />
    </div>
  </div>
</div>
$(document).ready(function() {

  $('#dateFrom').datepicker({
    format: "mm/dd/yyyy",
    orientation: "top"
  });

});

Answer 1

在datepicker函数中添加 autoclose：true 。 新的jquery代码是：

$(document).ready(function() {

  $('#dateFrom').datepicker({
   format: "mm/dd/yyyy",
   orientation: "top",
   autoclose: true
});

});

这是更新的小提琴。 https://jsfiddle.net/329suzv9/8/

Answer 2

只需在changeate事件中隐藏数据槽。

$(document).ready(function() {

  $('#dateFrom').datepicker({
    format: "mm/dd/yyyy",
    orientation: "top"
  }).on('changeDate', function(ev){
    $('#dateFrom').datepicker('hide');
  });

});