issue_616.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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. });
  20. });
  21. function doit() {
  22. var calendar = $('#calendar');
  23. var gcal = $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic');
  24. calendar.fullCalendar('addEventSource', gcal);
  25. calendar.fullCalendar('refetchEvents');
  26. }
  27. </script>
  28. <style type='text/css'>
  29. body {
  30. margin-top: 40px;
  31. text-align: center;
  32. font-size: 13px;
  33. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  34. }
  35. #calendar {
  36. width: 900px;
  37. margin: 0 auto;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <button onclick='doit()'>do it</button>
  43. <div id='calendar'></div>
  44. </body>
  45. </html>