1<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker-standalone.min.css" integrity="sha256-SMGbWcp5wJOVXYlZJyAXqoVWaE/vgFA5xfrH3i/jVw0=" crossorigin="anonymous" />
2<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js" integrity="sha256-5YmaxAwMjIpMrVlK84Y/+NjCpKnFYa8bWWBbUHSBGfU=" crossorigin="anonymous"></script>
1<select class="selectpicker">
2 <option>Mustard</option>
3 <option>Ketchup</option>
4 <option>Barbecue</option>
5</select>
6
1$('.datepicker').datepicker({
2 format: 'mm/dd/yyyy',
3 startDate: '-3d'
4});
5
1<div class="container">
2 <div class="row">
3 <div class='col-sm-6'>
4 <div class="form-group">
5 <div class='input-group date' id='datetimepicker1'>
6 <input type='text' class="form-control" />
7 <span class="input-group-addon">
8 <span class="glyphicon glyphicon-calendar"></span>
9 </span>
10 </div>
11 </div>
12 </div>
13 <script type="text/javascript">
14 $(function () {
15 $('#datetimepicker1').datetimepicker();
16 });
17 </script>
18 </div>
19</div>
20