theming.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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. var d = new Date();
  8. var y = d.getFullYear();
  9. var m = d.getMonth();
  10. $(document).ready(function() {
  11. $('#calendar').fullCalendar({
  12. theme: true,
  13. editable: true,
  14. //isRTL: true,
  15. header: {
  16. right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'
  17. },
  18. buttonIcons: {
  19. prev: 'triangle-1-w',
  20. next: 'triangle-1-e',
  21. today: 'home'
  22. },
  23. events: [
  24. {
  25. id: 1,
  26. title: "Long Event",
  27. start: new Date(y, m, 6),
  28. end: new Date(y, m, 10)
  29. },
  30. {
  31. id: 2,
  32. title: "Repeating",
  33. start: new Date(y, m, 2)
  34. },
  35. {
  36. id: 2,
  37. title: "Repeating",
  38. start: new Date(y, m, 9)
  39. },
  40. {
  41. id: 3,
  42. title: "Meeting",
  43. start: new Date(y, m, 20, 9, 0),
  44. end: new Date(y, m, 20, 10, 0),
  45. allDay: false
  46. },
  47. {
  48. id: 4,
  49. title: "Click for Facebook",
  50. start: new Date(y, m, 27),
  51. end: new Date(y, m, 28),
  52. url: "http://facebook.com/"
  53. },
  54. {
  55. id: 5,
  56. title: "timed event1",
  57. start: new Date (y, m, 31, 17, 30),
  58. allDay: false
  59. },
  60. {
  61. id: 6,
  62. title: "timed event1",
  63. start: new Date (y, m+1, 2, 14, 15),
  64. allDay: false
  65. },
  66. {
  67. id: 7,
  68. title: "timed event1",
  69. start: new Date (y, m+1, 4, 15, 00),
  70. end: new Date(y, m+1, 4, 17, 00),
  71. allDay: false
  72. }
  73. ]
  74. });
  75. });
  76. </script>
  77. </head>
  78. <body style='font-size:12px'>
  79. <div id='calendar' style='width:900px;margin:20px auto 0;font-family:arial'></div>
  80. </body>
  81. </html>