issue_477_event_width.html 1.3 KB

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