basic.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <!--<src>-->
  5. <link rel='stylesheet' type='text/css' href='../src/css/main.css' />
  6. <link rel='stylesheet' type='text/css' href='../src/css/grid.css' />
  7. <script type='text/javascript' src='../src/jquery/jquery.js'></script>
  8. <script type='text/javascript' src='../src/jquery/ui.core.js'></script>
  9. <script type='text/javascript' src='../src/jquery/ui.draggable.js'></script>
  10. <script type='text/javascript' src='../src/jquery/ui.resizable.js'></script>
  11. <script type='text/javascript' src='../src/main.js'></script>
  12. <script type='text/javascript' src='../src/grid.js'></script>
  13. <script type='text/javascript' src='../src/view.js'></script>
  14. <script type='text/javascript' src='../src/util.js'></script>
  15. <!--</src>-->
  16. <!--
  17. <dist>
  18. <link rel='stylesheet' type='text/css' href='../fullcalendar.css' />
  19. <script type='text/javascript' src='../jquery/jquery.js'></script>
  20. <script type='text/javascript' src='../jquery/ui.core.js'></script>
  21. <script type='text/javascript' src='../jquery/ui.draggable.js'></script>
  22. <script type='text/javascript' src='../jquery/ui.resizable.js'></script>
  23. <script type='text/javascript' src='../fullcalendar.min.js'></script>
  24. </dist>
  25. -->
  26. <script type='text/javascript'>
  27. $(document).ready(function() {
  28. var d = new Date();
  29. var y = d.getFullYear();
  30. var m = d.getMonth();
  31. $('#calendar').fullCalendar({
  32. editable: true,
  33. events: [
  34. {
  35. id: 1,
  36. title: "Long Event",
  37. start: new Date(y, m, 6, 14, 0),
  38. end: new Date(y, m, 11),
  39. allDay: false
  40. },
  41. {
  42. id: 2,
  43. title: "Repeating Event",
  44. start: new Date(y, m, 2),
  45. allDay: true
  46. },
  47. {
  48. id: 2,
  49. title: "Repeating Event",
  50. start: new Date(y, m, 9),
  51. allDay: true
  52. },
  53. {
  54. id: 3,
  55. title: "Meeting",
  56. start: new Date(y, m, 20, 9, 0),
  57. allDay: false
  58. },
  59. {
  60. id: 4,
  61. title: "Click for Facebook",
  62. start: new Date(y, m, 27, 16),
  63. end: new Date(y, m, 29),
  64. url: "http://facebook.com/",
  65. allDay: false
  66. }
  67. ]
  68. });
  69. });
  70. </script>
  71. <style type='text/css'>
  72. body {
  73. margin-top: 40px;
  74. text-align: center;
  75. font-size: 14px;
  76. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  77. }
  78. #calendar {
  79. width: 900px;
  80. margin: 0 auto;
  81. }
  82. </style>
  83. </head>
  84. <body>
  85. <div id='calendar'></div>
  86. </body>
  87. </html>