logo

FullCalendar

This version is in beta. Read the release notes
requires Scheduler lightning bolt

Associating Events with Resources

An Event becomes associated with a resource when its resourceId property matches one of the Resource Object’s id fields:

var calendar = new Calendar(calendarEl, {
  resources: [
    {
      id: 'a',
      title: 'Room A'
    }
  ],
  events: [
    {
      id: '1',
      resourceId: 'a',
      title: 'Meeting',
      start: '2015-02-14'
    }
  ]
});

Multiple Resources

It is also possible to associate an event with multiple resources using the resourceIds property, which is an array:

var calendar = new Calendar(calendarEl, {
  resources: [
    {
      id: 'a',
      title: 'Room A'
    },
    {
      id: 'b',
      title: 'Room B'
    }
  ],
  events: [
    {
      id: '1',
      resourceIds: ['a', 'b'],
      title: 'Meeting',
      start: '2015-02-14'
    }
  ]
});