"select time picker"
Bootstrap 3.3.0 Snippet by tax2003

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2>
</div>
<div class="row">
<div class="col-xs-6 col-sm-3">
<label class="control-label col-sm-12" for="ship_time">Желаемое время доставки:</label>
<div class="input-group registration-date-time ">
<span class="input-group-addon" ><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
<select type="text" class="form-control" id="ship_date" name="ship_date">
<option value="7">7 ч.</option>
<option value="8">8 ч.</option>
<option value="9">9 ч.</option>
<option value="10" selected >10 ч.</option>
<option value="11">11 ч.</option>
<option value="12">12 ч.</option>
<option value="13">13 ч.</option>
<option value="14">14 ч.</option>
<option value="15">15 ч.</option>
<option value="16">16 ч.</option>
<option value="17">17 ч.</option>
<option value="18">18 ч.</option>
<option value="19">19 ч.</option>
</select>
<span class="input-group-addon" ><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
<select type="text" class="form-control" id="shiptime" name="ship_time">
<option value="00">00 мин.</option>
<option value="15">15 мин.</option>
<option value="30">30 мин.</option>
<option value="45">45 мин.</option>
</select>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: