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

Question

我有代码问题:

<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选择器;