markup_daterange.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334
  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. $('.input-daterange').datepicker({
  9. format: 'yyyy-mm-dd'
  10. });
  11. $('.js-datepicker-show').datepicker('show');
  12. });
  13. </script>
  14. </head>
  15. <body data-capture=".input-daterange, .datepicker">
  16. <div class="row">
  17. <div class="col-sm-5">
  18. <div class="input-group input-daterange">
  19. <input type="text" class="form-control js-datepicker-show" value="2012-04-05">
  20. <div class="input-group-addon">to</div>
  21. <input type="text" class="form-control" value="2012-04-19">
  22. </div>
  23. </div>
  24. <div class="col-sm-5">
  25. <div class="input-group input-daterange">
  26. <input type="text" class="form-control" value="2012-04-05">
  27. <div class="input-group-addon">to</div>
  28. <input type="text" class="form-control js-datepicker-show" value="2012-04-19">
  29. </div>
  30. </div>
  31. </div>
  32. </body>
  33. </html>