demo_head.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" href="assets/common.css">
  5. <script src="assets/common.js"></script>
  6. <script>
  7. document.addEventListener('DOMContentLoaded', function() {
  8. const dp = $('.base').datepicker().data('datepicker');
  9. dp.focusDate = new Date(Date.UTC(2013, 7, 14));
  10. dp.update();
  11. dp.show();
  12. $('.date').datepicker({
  13. format: 'mm-dd-yyyy'
  14. }).datepicker('show');
  15. $('.inline').datepicker();
  16. });
  17. </script>
  18. </head>
  19. <body data-capture=".base, .date, .datepicker">
  20. <div class="row">
  21. <div class="col-sm-3">
  22. <input type="text" class="form-control base" value="08/03/2013">
  23. </div>
  24. <div class="col-sm-offset-1 col-sm-3">
  25. <div class="input-group date">
  26. <input type="text" class="form-control" value="10-05-2003" readonly>
  27. <div class="input-group-addon">
  28. <span class="glyphicon glyphicon-th"></span>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="col-sm-offset-1 col-sm-4 inline" data-date="01/03/2004"></div>
  33. </div>
  34. </body>
  35. </html>