Resource DayGrid View
A DayGrid view like dayGridDay can be given resource functionality. It is initialized in an ES6 setup like so:
npm install --save \
@fullcalendar/core \
@fullcalendar/resource \
@fullcalendar/resource-daygrid
import { Calendar } from '@fullcalendar/core';
import resourceDayGridPlugin from '@fullcalendar/resource-daygrid';
...
let calendar = new Calendar(calendarEl, {
plugins: [ resourceDayGridPlugin ],
initialView: 'resourceDayGridDay',
resources: [
// your list of resources
]
});
...
Or, you can choose to initialize Timeline view with the fullcalendar-scheduler global bundle:
<script src='fullcalendar-scheduler/dist/index.global.js'></script>
<script>
...
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'resourceDayGridDay',
resources: [
// your list of resources
]
});
...
</script>