issue_554.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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. year: 2010,
  14. month: 9,
  15. date: 31,
  16. header: {
  17. left: 'prev,next today',
  18. center: 'title',
  19. right: 'month,agendaDay'
  20. },
  21. events: $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic')
  22. });
  23. });
  24. </script>
  25. <style type='text/css'>
  26. body {
  27. margin-top: 40px;
  28. text-align: center;
  29. font-size: 13px;
  30. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  31. }
  32. #calendar {
  33. width: 900px;
  34. margin: 0 auto;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <button onclick="$('#calendar').fullCalendar('gotoDate',2010,10,11);$('#calendar').fullCalendar('changeView','agendaDay')">gotoDate + changeView</button>
  40. <div id='calendar'></div>
  41. </body>
  42. </html>