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 99: | Line 105: | ||
<!---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> | ||
Revision as of 13:57, 11 July 2017