|
|
| Line 31: |
Line 31: |
| | font-family: Tahoma, Geneva, sans-serif; | | font-family: Tahoma, Geneva, sans-serif; |
| | } | | } |
| − |
| |
| − | <!-- Bootstrap 3 CSS file -->
| |
| − | <link href="./dist/css/bootstrap.css" rel="stylesheet">
| |
| − |
| |
| − | <!-- Bootstrap Datetimepicker CSS file -->
| |
| − | <link href="./bootstrap-datetimepicker.min.css" rel="stylesheet">
| |
| | | | |
| | </style> | | </style> |
| Line 105: |
Line 99: |
| | | | |
| | <!---TEST---> | | <!---TEST---> |
| − | <div class="container" style="width: 500px;">
| |
| − | <span>Start:</span>
| |
| − | <div class='input-group date' id='start'>
| |
| − | <input type='text' class="form-control" />
| |
| − | <span class="input-group-addon">
| |
| − | <span class="glyphicon glyphicon-calendar"></span>
| |
| − | </span>
| |
| − | </div>
| |
| − | <span>End:</start>
| |
| − | <div class='input-group date' id='stop'>
| |
| − | <input type='text' class="form-control" />
| |
| − | <span class="input-group-addon">
| |
| − | <span class="glyphicon glyphicon-calendar"></span>
| |
| − | </span>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| | <!---TEST--> | | <!---TEST--> |
| − | <!-- jQuery -->
| |
| − | <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
| |
| − |
| |
| − | <!-- Bootstrap 3 -->
| |
| − | <script src="./dist/js/bootstrap.min.js"></script>
| |
| − |
| |
| − | <!-- Moment.js -->
| |
| − | <script src="./moment.js"></script>
| |
| − |
| |
| − | <!-- Bootstrap Datetimepicker -->
| |
| − | <script src="./bootstrap-datetimepicker.js"></script>
| |
| | | | |
| − | <!-- initialize the pickers -->
| |
| − | <script type="text/javascript">
| |
| − | $(function () {
| |
| − | $('#start').datetimepicker();
| |
| − | $('#stop').datetimepicker();
| |
| − | });
| |
| − | </script>
| |
| − | Resources
| |
| | </section> | | </section> |
| | | | |
