test2.aspx 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test2.aspx.cs" Inherits="test2" %>
  2. <!DOCTYPE html>
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head runat="server">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <title></title>
  7. <script src="js/jquery-1.9.1.min.js"></script>
  8. <link href="js/miniui/datepicker/daterangepicker.css" rel="stylesheet" />
  9. <script src="js/miniui/datepicker/moment.min.js"></script>
  10. <script src="js/miniui/datepicker/daterangepicker.js"></script>
  11. </head>
  12. <body>
  13. <input id="demo" type="text" name="daterange" value="" />
  14. <script type="text/javascript">
  15. $('#demo').daterangepicker({
  16. "singleDatePicker": true,
  17. "showDropdowns": true,
  18. "timePicker": true,
  19. "timePicker24Hour": true,
  20. "timePickerSeconds": true,
  21. "autoApply": true,
  22. "locale": {
  23. "direction": "ltr",
  24. "format": "YYYY-MM-DD HH:mm",
  25. "separator": " - ",
  26. "applyLabel": "确定",
  27. "cancelLabel": "取消",
  28. "fromLabel": "From",
  29. "toLabel": "To",
  30. "customRangeLabel": "Custom",
  31. "daysOfWeek": [
  32. "日",
  33. "一",
  34. "二",
  35. "三",
  36. "四",
  37. "五",
  38. "六"
  39. ],
  40. "monthNames": [
  41. "一月",
  42. "二月",
  43. "三月",
  44. "四月",
  45. "五月",
  46. "六月",
  47. "七月",
  48. "八月",
  49. "九月",
  50. "十月",
  51. "十一月",
  52. "十二月"
  53. ],
  54. "firstDay": 1
  55. }
  56. }, function (start, end, label) {
  57. //console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
  58. });
  59. </script>
  60. </body>
  61. </html>