issue_477_event_width.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link href='../build/out/fullcalendar.css' rel='stylesheet' />
  5. <link href='../build/out/fullcalendar.print.css' rel='stylesheet' media='print' />
  6. <script src='../lib/jquery/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='../build/out/fullcalendar.js'></script>
  10. <script>
  11. $(document).ready(function() {
  12. // need to change to GMT+2 to recreate this bug!!!!
  13. $('#calendar').fullCalendar({
  14. header: {
  15. left: 'prev,next today',
  16. center: 'title',
  17. right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'
  18. },
  19. year: 2010,
  20. month: 4,
  21. firstDay: 1,
  22. events: [
  23. {"id":"1","title":"testcase 1 BAD","start":"1272822975","end":"1272837609","allDay":false}
  24. //{"id":"2","title":"testcase 2 GOOD","start":"1272822975","end":"1272837809","allDay":false},
  25. //{"id":"3","title":"testcase 3 GOOD too","start":"1272822975","end":"1272837609","allDay":true}
  26. ]
  27. });
  28. });
  29. </script>
  30. <style>
  31. body {
  32. margin-top: 40px;
  33. text-align: center;
  34. font-size: 13px;
  35. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  36. }
  37. #calendar {
  38. width: 900px;
  39. margin: 0 auto;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <div id='calendar'></div>
  45. </body>
  46. </html>