issue_586_refetchEvents.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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' src='../src/gcal/_loader.js'></script>
  6. <script type='text/javascript'>
  7. $(document).ready(function() {
  8. var date = new Date();
  9. var d = date.getDate();
  10. var m = date.getMonth();
  11. var y = date.getFullYear();
  12. $('#calendar').fullCalendar({
  13. header: {
  14. left: 'prev,next today',
  15. center: 'title',
  16. right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'
  17. },
  18. editable: true,
  19. events: $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic')
  20. });
  21. });
  22. function doit() {
  23. var calendar = $('#calendar');
  24. calendar.fullCalendar('removeEvents');
  25. calendar.fullCalendar('refetchEvents');
  26. calendar.fullCalendar('refetchEvents');
  27. calendar.fullCalendar('refetchEvents');
  28. calendar.fullCalendar('refetchEvents');
  29. }
  30. </script>
  31. <style type='text/css'>
  32. body {
  33. margin-top: 40px;
  34. text-align: center;
  35. font-size: 13px;
  36. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  37. }
  38. #calendar {
  39. width: 900px;
  40. margin: 0 auto;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <button onclick='doit()'>do it</button>
  46. <div id='calendar'></div>
  47. </body>
  48. </html>