Wednesday, 28 November 2012

Jquery Mobile: Time picker




<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Select From Time:</legend>

<select
name="select-choice-month" id="fromtime">
<option>Hrs</option>
<option value="1">00</option>
<option value="2">01</option>
<option value="3">02</option>
<option value="4">03</option>
<option value="5">04</option>
<option value="6">05</option>
<option value="7">06</option>
<option value="8">07</option>
<option value="9">08</option>
<option value="10">09</option>
<option value="11">10</option>
<option value="12">11</option>
<option value="13">12</option>
<option value="14">13</option>
<option value="15">14</option>
<option value="16">15</option>
<option value="17">16</option>
<option value="18">17</option>
<option value="19">18</option>
<option value="20">19</option>
<option value="21">20</option>
<option value="22">21</option>
<option value="23">22</option>
<option value="24">23</option>
</select>
<select
name="select-choice-day" id="select-choice-day">
<option>Min</option>
<option value="1">:00</option>
<option value="1">:05</option>
<option value="1">:10</option>
<option value="1">:15</option>
<option value="1">:20</option>
<option value="1">:25</option>
<option value="1">:30</option>
<option value="1">:35</option>
<option value="1">:40</option>
<option value="1">:45</option>
<option value="1">:50</option>
<option value="1">:55</option>
</select>
</fieldset>
</div>


No comments:

Post a Comment