帶有 twitter bootstrap 的日期范圍選擇器

Question

我正在使用 Twitter 引導程序，但找不到任何符合我的需求或 html 的日期選擇器。

我有一個表格，里面有一些選擇標簽。 我想知道如何為 twitter 引導程序插入一個日期選擇器，然后在用戶提交請求后發送相關的選擇日期。 到目前為止，這是我的 html：

<div class="row">
<div class="span11">
<form id ="eventForm">         
     <select name="event" id="abc">
        <option value="w" selected="selected">US</option>
        <option value="e">uk</option>
        <option value="r">prk</option>
        <option value="t">chn</option>  
     </select>

     <select name="period" id="time">
        <option value="beginning" selected="selected">from start</option>
        <option value="the last 24 hours">Last 24 hours</option>
        <option value="the previous week">Previous week</option>  
     </select>

    <input type="submit" id="open" onclick="heading()" value="Start" />
    <input type="button" onclick="closeMap()" value="Stop Request"/>
</form>
</div>

 <div class="span1">
   <form name="moreAnalysis" id="moreAnalysis" action="/p" method="post">
    <input type="submit" value="Further Analysis">
   </form>
 </div>
</div>  

所以理想情況下，我讓用戶選擇期間，我希望他們從日期菜單中進行選擇。

我已經嘗試了幾個選項，但似乎沒有一個可行，作為 html/javascript 新手，這花了一整天的時間。

謝謝

Answer 1

我會推薦 Stafan Petre 的這個

http://www.eyecon.ro/bootstrap-datepicker/