issue_586_refetchEvents.html 1.4 KB

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