issue_417_refetchEvents.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel='stylesheet' href='../build/out/fullcalendar/fullcalendar.css' />
  5. <link rel='stylesheet' href='../build/out/fullcalendar/fullcalendar.print.css' media='print' />
  6. <script src='../build/deps.js'></script>
  7. <script src='../build/out/fullcalendar/fullcalendar.js'></script>
  8. <script src='../build/out/fullcalendar/gcal.js'></script>
  9. <script>
  10. /*
  11. - click on day button
  12. - click refetchEvents
  13. - click on month button
  14. event shouldn't disappear!!!
  15. */
  16. $(document).ready(function() {
  17. var date = new Date();
  18. var d = date.getDate();
  19. var m = date.getMonth();
  20. var y = date.getFullYear();
  21. $('#calendar').fullCalendar({
  22. year: 2010,
  23. month: 9,
  24. date: 31,
  25. header: {
  26. left: 'prev,next today',
  27. center: 'title',
  28. right: 'month,agendaDay'
  29. },
  30. editable: true,
  31. events: $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic')
  32. });
  33. });
  34. </script>
  35. <style>
  36. body {
  37. margin-top: 40px;
  38. text-align: center;
  39. font-size: 13px;
  40. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  41. }
  42. #calendar {
  43. width: 900px;
  44. margin: 0 auto;
  45. }
  46. </style>
  47. </head>
  48. <body>
  49. <button onclick="$('#calendar').fullCalendar('refetchEvents')">refetchEvents</button>
  50. <div id='calendar'></div>
  51. </body>
  52. </html>