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
1<div class="input-group date" data-provide="datepicker">
2 <input type="text" class="form-control">
3 <div class="input-group-addon">
4 <span class="glyphicon glyphicon-th"></span>
5 </div>
6</div>
7
1<div class="container">
2 <div class="col-sm-6" style="height:130px;">
3 <div class="form-group">
4 <div class='input-group date' id='datetimepicker9'>
5 <input type='text' class="form-control" />
6 <span class="input-group-addon">
7 <span class="glyphicon glyphicon-calendar">
8 </span>
9 </span>
10 </div>
11 </div>
12 </div>
13 <script type="text/javascript">
14 $(function () {
15 $('#datetimepicker9').datetimepicker({
16 viewMode: 'years'
17 });
18 });
19 </script>
20</div>
21
1$.fn.datepicker.defaults.format = "mm/dd/yyyy";
2$('.datepicker').datepicker({
3 startDate: '-3d'
4});
5
1<div class="container">
2 <div class="col-sm-6" style="height:130px;">
3 <div class="form-group">
4 <div class='input-group date' id='datetimepicker11'>
5 <input type='text' class="form-control" />
6 <span class="input-group-addon">
7 <span class="glyphicon glyphicon-calendar">
8 </span>
9 </span>
10 </div>
11 </div>
12 </div>
13 <script type="text/javascript">
14 $(function () {
15 $('#datetimepicker11').datetimepicker({
16 daysOfWeekDisabled: [0, 6]
17 });
18 });
19 </script>
20</div>
21
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='datetimepicker2'>
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 $('#datetimepicker2').datetimepicker({
16 locale: 'ru'
17 });
18 });
19 </script>
20 </div>
21</div>
22
1<div class="container">
2 <div class="col-sm-6" style="height:130px;">
3 <div class="form-group">
4 <div class='input-group date' id='datetimepicker10'>
5 <input type='text' class="form-control" />
6 <span class="input-group-addon">
7 <span class="glyphicon glyphicon-calendar">
8 </span>
9 </span>
10 </div>
11 </div>
12 </div>
13 <script type="text/javascript">
14 $(function () {
15 $('#datetimepicker10').datetimepicker({
16 viewMode: 'years',
17 format: 'MM/YYYY'
18 });
19 });
20 </script>
21</div>
22