Home » Jquery » javascript – FullCalendar – 1 Day Vertical Resource View – Only Show Specific/Individual Dates

javascript – FullCalendar – 1 Day Vertical Resource View – Only Show Specific/Individual Dates

Posted by: admin February 22, 2020 Leave a comment

Questions:

I am trying to set up my FullCalendar to only show specific dates when using the 1 day Vertical Resource View.

For example, I want the user to only see 2020-03-22, 2020-04-12 and 2020-04-15. I can figure out how to set a date range, but not how to only show individual dates:

var calendar = new Calendar(calendarEl, {
  defaultView: 'resourceTimeGridDay',
  defaultDate: '2020-03-22'
  visibleRange: {
    start: '2020-03-22',
    end: '2020-04-15'
  }
});

Here is an example of the 1-day vertical resource view: https://fullcalendar.io/docs/vertical-resource-standard-demo

How to&Answer: