Javascript 引导日期选择器未关闭

我已经读到这个bug已经修复了，但看起来并不是这样。当我在我的网站上创建新员工时，会出现一个boostrap模式。我使用下面的方法为新员工的出生日期创建一个日期选择器

<div class="input-group date insertInfo" data-provide="datepicker">
    <input type="text" class="form-control">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>
 </div>

然后在加载js脚本之后，首先加载bootstrap，然后加载bootstrap-datepicker.js，我使用：

<script type="text/javascript">
    $(function () {
        $('.datepicker').datepicker({
            format: 'mm-dd-yyyy'
        });
    });
</script>

不幸的是，我可以在datepicker显示的下拉日历上选择日期，但一旦选择，我就无法再关闭它。你能帮我解决这个问题吗？提前感谢

引导日期选择器的自动关闭选项默认设置为false。 您应该将autoclose选项设置为true

---

查看参考资料：

从下拉日历中选择日期后，您只需单击日历之外的任何位置即可将其关闭，但如果您希望在选择日期时关闭日历，请执行以下操作

   $(function () {
            $('.date').datepicker({
                format: 'mm-dd-yyyy',
                autoclose: true
            })
        });

---

您必须执行以下操作：

更正课堂参考资料 启用自动关闭 超控按钮 设置日期选择器时，引用的是不存在的类“.datepicker”。除此之外，您还需要包括“自动关闭”字段并自定义按钮的行为，以使其同时打开和关闭日历

HTML

如果要查看工作版本，请执行以下操作：

---

您需要显式添加autoclose:true，否则，其默认值为false。

实际上不起作用。。也许上面的代码片段会有帮助？提前谢谢！！确实如此！最后缺少的是，当我单击日历图标时，它不会关闭。。因此，标记给出了一个字段，在该字段中，选定日期后将写入该字段，并且日历的图标就在该字段附近。我可以通过单击日历的字段或图标来选择日期。如果选择日期，日历将正确关闭。但如果我再次单击日历图标，日历不会关闭。我该怎么做呢？但我也有同样的行为。问题是：它是否通过单击日历图标来关闭？是否希望该图标用作打开和关闭日历的切换按钮？我希望。。我认为这是正常的行为。它打开了日历，我想它也应该关闭它。我已经更新了我的答案，以实现预期的行为。天哪，我希望他们在文档中告诉我这一点。花了多少时间在这些活动上。非常感谢，陛下。愿上帝保佑你

<div class="input-group date insertInfo" data-provide="datepicker">
  <input type="text" class="form-control">
  <div class="input-group-addon close-button">
    <span class="glyphicon glyphicon-th"></span>
  </div>
</div>

// Setup datepicker

$('.date').datepicker({
  format: 'mm-dd-yyyy',
  autoclose: true
});

// Unbind default events

$('.close-button').unbind();

// Specify new behaviour

$('.close-button').click(function() {
  if ($('.datepicker').is(":visible")) {
    $('.date').datepicker('hide');
  } else {
    $('.date').datepicker('show');
  }
});

$('.datepicker').datepicker({
        format: 'mm/dd/yyyy',
        autoclose: true
    });