选择日期后引导日期选择器不关闭选择器答案

【问题标题】：Bootstrap date picker after selecting date not closing picker选择日期后引导日期选择器不关闭选择器
【发布时间】：2016-03-25 19:36:19
【问题描述】：

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

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"
  });

});

【问题讨论】：

标签： javascript jquery css twitter-bootstrap datepicker

【解决方案1】：

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

$(document).ready(function() {

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

});

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

【讨论】：

我在文档中没有看到该选项。不错。
可以在here 找到日期选择器功能的一些示例。标记单选按钮或复选框以查看下面的代码。

【解决方案2】：

只需在 changedate 事件中隐藏数据选择器。

$(document).ready(function() {

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

});

【讨论】：