issue_417_refetchEvents.html 1.2 KB

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