如何自动关闭，然后点击图标日期选择器引导

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