带有 twitter bootstrap 的日期范围选择器

Question

我正在使用 twitter 引导程序，但找不到任何符合我需要的日期选择器或 html。

我有一个表格，里面有一些选择标签。我想知道如何为 twitter bootstrap 插入一个日期选择器，然后在用户提交请求后发送相关的选择日期。到目前为止，这是我的 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/