hiddenDays.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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='../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='../dist/fullcalendar.js'></script>
  10. <script>
  11. $(document).ready(function() {
  12. var date = new Date();
  13. var d = date.getDate();
  14. var m = date.getMonth();
  15. var y = date.getFullYear();
  16. $('#calendar').fullCalendar({
  17. header: {
  18. left: 'prev,next today',
  19. center: 'title',
  20. right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'
  21. },
  22. editable: true,
  23. year: 2013,
  24. month: 6, // july
  25. //weekNumbers: true,
  26. isRTL: true,
  27. //selectable: true,
  28. //firstDay: 2,
  29. //weekends: false,
  30. hiddenDays: [ 4 ], // thursday
  31. events: [
  32. {
  33. title: '1 Day',
  34. start: new Date(2013, 6, 17)
  35. },
  36. {
  37. title: '2 Day',
  38. start: new Date(2013, 6, 17),
  39. end: new Date(2013, 6, 18)
  40. },
  41. {
  42. title: '3 Day',
  43. start: new Date(2013, 6, 17),
  44. end: new Date(2013, 6, 19)
  45. },
  46. {
  47. title: '1 Day IN GAP',
  48. start: new Date(2013, 6, 18) // won't be visible
  49. }
  50. ]
  51. });
  52. });
  53. </script>
  54. <style>
  55. body {
  56. margin-top: 40px;
  57. text-align: center;
  58. font-size: 13px;
  59. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  60. }
  61. #calendar {
  62. width: 900px;
  63. margin: 0 auto;
  64. }
  65. </style>
  66. </head>
  67. <body>
  68. <div id='calendar'></div>
  69. </body>
  70. </html>