stacking.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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. <script type='text/javascript' src='../src/_loader.js?debug'></script>
  5. <script type='text/javascript'>
  6. $(document).ready(function() {
  7. var date = new Date();
  8. var d = date.getDate();
  9. var m = date.getMonth();
  10. var y = date.getFullYear();
  11. $('#calendar').fullCalendar({
  12. header: {
  13. left: 'prev,next today',
  14. center: 'title',
  15. right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'
  16. },
  17. editable: true,
  18. isRTL: false,
  19. year: 2010,
  20. month: 10,
  21. date: 14,
  22. events: [
  23. {
  24. title: 'event1',
  25. start: '2010-11-15',
  26. end: '2010-11-19'
  27. },
  28. {
  29. title: 'event2 with a really long title that wraps',
  30. start: '2010-11-15'
  31. },
  32. {
  33. title: 'event3',
  34. start: '2010-11-17'
  35. },
  36. {
  37. title: 'event4',
  38. start: '2010-11-18',
  39. end: '2010-11-19'
  40. },
  41. {
  42. title: 'event5',
  43. start: '2010-11-18'
  44. }
  45. ]
  46. });
  47. });
  48. </script>
  49. <style type='text/css'>
  50. body {
  51. margin-top: 40px;
  52. text-align: center;
  53. font-size: 13px;
  54. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  55. }
  56. #calendar {
  57. width: 900px;
  58. margin: 0 auto;
  59. }
  60. </style>
  61. </head>
  62. <body>
  63. <div id='calendar'></div>
  64. </body>
  65. </html>