default.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset='utf-8' />
  5. <link href='../fullcalendar.css' rel='stylesheet' />
  6. <link href='../fullcalendar.print.css' rel='stylesheet' media='print' />
  7. <script src='../lib/moment.min.js'></script>
  8. <script src='../lib/jquery.min.js'></script>
  9. <script src='../lib/jquery-ui.custom.min.js'></script>
  10. <script src='../fullcalendar.min.js'></script>
  11. <script>
  12. $(document).ready(function() {
  13. $('#calendar').fullCalendar({
  14. defaultDate: '2014-06-12',
  15. editable: true,
  16. events: [
  17. {
  18. title: 'All Day Event',
  19. start: '2014-06-01'
  20. },
  21. {
  22. title: 'Long Event',
  23. start: '2014-06-07',
  24. end: '2014-06-10'
  25. },
  26. {
  27. id: 999,
  28. title: 'Repeating Event',
  29. start: '2014-06-09T16:00:00'
  30. },
  31. {
  32. id: 999,
  33. title: 'Repeating Event',
  34. start: '2014-06-16T16:00:00'
  35. },
  36. {
  37. title: 'Meeting',
  38. start: '2014-06-12T10:30:00',
  39. end: '2014-06-12T12:30:00'
  40. },
  41. {
  42. title: 'Lunch',
  43. start: '2014-06-12T12:00:00'
  44. },
  45. {
  46. title: 'Birthday Party',
  47. start: '2014-06-13T07:00:00'
  48. },
  49. {
  50. title: 'Click for Google',
  51. url: 'http://google.com/',
  52. start: '2014-06-28'
  53. }
  54. ]
  55. });
  56. });
  57. </script>
  58. <style>
  59. body {
  60. margin: 0;
  61. padding: 0;
  62. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  63. font-size: 14px;
  64. }
  65. #calendar {
  66. width: 900px;
  67. margin: 40px auto;
  68. }
  69. </style>
  70. </head>
  71. <body>
  72. <div id='calendar'></div>
  73. </body>
  74. </html>