如何自動關閉，然後點擊圖標日期選擇器引導

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選擇;