issue_417_refetchEvents.html 1.3 KB

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