Search code examples
htmlcssfullcalendarfullcalendar-schedulerfullcalendar-5

Week view show multiple days instead of hours


Is it possible to create a custom resourceTimline view where multiple days of the week are shown - similar to the default month view (resourceTimelineMonth) - instead of just a few slots of a day?

So basically instead of this:

Daily view

I would like to have something like this:

Week view

... but only 5 days shown.


Solution

  • A custom view definition as follows should do what you need:

      resourceTimelineFive: {
        type: 'resourceTimeline',
        buttonText: '5 Days',
        slotDuration: { days: 1 },
        duration: { days: 5 }
      },
    

    Demo: https://codepen.io/ADyson82/pen/abdwOXO

    See the following documenation links:

    https://fullcalendar.io/docs/custom-view-with-settings

    https://fullcalendar.io/docs/slotDuration

    https://fullcalendar.io/docs/duration

    and the demo at https://fullcalendar.io/docs/timeline-custom-view-demo for more information.