如何自动关闭并单击图标datepicker bootstrap

Question

我对code：

有疑问

<div class="control-group input-append date">
  <label class="control-label" for="cid">Check In</label>
  <div class="controls">
    <input class="span8 required" name="cid" type="text" id="cid">
    <span class="add-on"><i class="icon-calendar"></i></span>
  </div>
</div>

和javascript：

<script>
   $('#cid').datepicker();
</script>

我已完成插入jquery和datepicker javascript。

问题：

1. 日期无法自动关闭。我希望在点击日期之后，表格日期将自动关闭。

2. 图标日历无法点击。我想如果用户点击表格输入旁边的图标日历，表格日历会显示。

由于

Answer 1

你可以尝试：

$('.datepicker tbody').on('click', function(){  $('.datepicker').hide() });



$('.icon-calendar').on('click', function(){ $('.datepicker').toggle()   });

如果您有多图标日历或日期选择器，则必须精确jquery选择器;