basic.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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. <link rel='stylesheet' type='text/css' href='../examples/redmond/theme.css' />
  5. <script type='text/javascript' src='loader.js'></script>
  6. <script type='text/javascript'>
  7. $(document).ready(function() {
  8. var d = new Date();
  9. var y = d.getFullYear();
  10. var m = d.getMonth();
  11. $('#calendar').fullCalendar({
  12. header: {
  13. left: 'prev,next today',
  14. right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'
  15. },
  16. editable: true,
  17. events: [
  18. {
  19. id: 1,
  20. title: "Long Event",
  21. start: new Date(y, m, 6, 14, 0),
  22. end: new Date(y, m, 11)
  23. //allDay: false
  24. },
  25. {
  26. id: 2,
  27. title: "Repeating Event111",
  28. start: new Date(y, m, 8),
  29. allDay: true
  30. },
  31. {
  32. id: 2,
  33. title: "Repeating Event222",
  34. start: new Date(y, m, 9, 5, 0),
  35. allDay: false
  36. },
  37. {
  38. id: 345,
  39. title: "Hey Hey",
  40. start: new Date(y, m, 9, 4, 0),
  41. allDay: false,
  42. className: 'adam shaw'
  43. },
  44. {
  45. id: 3,
  46. title: "Meeting",
  47. start: new Date(y, m, 20, 9, 0),
  48. allDay: false
  49. },
  50. {
  51. id: 4,
  52. title: "Click for Facebook",
  53. start: new Date(y, m, 27, 16),
  54. end: new Date(y, m, 29),
  55. url: "http://facebook.com/",
  56. allDay: false
  57. }
  58. ]
  59. });
  60. });
  61. </script>
  62. <style type='text/css'>
  63. body {
  64. margin-top: 40px;
  65. text-align: center;
  66. font-size: 13px;
  67. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  68. }
  69. #calendar {
  70. width: 900px;
  71. margin: 0 auto;
  72. }
  73. </style>
  74. </head>
  75. <body>
  76. <div id='calendar'></div>
  77. </body>
  78. </html>