如何自动关闭并单击图标日期选择器引导程序

How to autoclose and click icon datepicker bootstrap

本文关键字：图标 日期 选择器 引导程序 单击 何自动      更新时间：2023-09-26

我的代码有问题： 

<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. 图标日历无法单击。我想如果用户单击表单输入旁边的图标日历，将显示表格日历。

谢谢

你能试试：

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

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

精确地使用 jquery 选择器，以防您拥有多图标日历或日期选择器;

相关文章：