Question

I’m using twitter bootstrap and can’t find any date pickers that work with my needs or html.

I’ve got a form and within that some select tags. I want to know how you can insert a date picker for twitter bootstrap that will then send the relevant picked dates by the user once they have submitted the request. This is my html so far:

<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>  

So ideally where I’m letting user choose periods I would want them to choose from a date menu.

I’ve tried several options and none seem to work and this has taken be all day as a html/ javascript novice.

Thanks

Answer 1

I would recommend this one by Stafan Petre

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