These docs are for an old release. Info on upgrading to v5
edit doc

Event Object

A JavaScript object that FullCalendar uses to store information about a calendar event. It is exposed in various places of the API such as getEventById and provides methods for dynamic manipulation. It was originally parsed from a plain object.

var calendar = new Calendar(calendarEl, {
  timeZone: 'UTC',
  events: [
      id: 'a',
      title: 'my event',
      start: '2018-09-01'

var event = calendar.getEventById('a') // an event object!
var start = event.start // a property (a Date object)
console.log(start.toISOString()) // "2018-09-01T00:00:00.000Z"

An event object has a number of properties and methods. All properties are read-only and you must use the methods to modify the properties. Here is a list of all properties that exist on an event object:


String. A unique identifier of an event. Useful for getEventById.


String. Events that share a groupId will be dragged and resized together automatically.


Boolean (true or false). Determines if the event is shown in the “all-day” section of relevant views. In addition, if true the time text is not displayed with the event.


Date object that obeys the current timeZone. When an event begins.


Date object that obeys the current timeZone. When an event ends. It could be null if an end wasn’t specified.

Note: This value is exclusive. For example, an event with the end of 2018-09-03 will appear to span through 2018-09-02 but end before the start of 2018-09-03. See how events are are parsed from a plain object for further details.


String. The text that will appear on an event.


String. A URL that will be visited when this event is clicked by the user. For more information on controlling this behavior, see the eventClick callback.


An array of strings like [ 'myclass1', myclass2' ]. Determines which HTML classNames will be attached to the rendered event.


Boolean (true or false) or null. The value overriding the editable setting for this specific event.


Boolean (true or false) or null. The value overriding the eventStartEditable setting for this specific event.


Boolean (true or false) or null. The value overriding the eventDurationEditable setting for this specific event.


Boolean (true or false) or null. The value overriding the eventResourceEditable setting for this specific event.


The rendering type of this event. Can be empty (normal rendering), "background", or "inverse-background"


The value overriding the eventOverlap setting for this specific event. If false, prevents this event from being dragged/resized over other events. Also prevents other events from being dragged/resized over this event. Does not accept a function.


The eventConstraint override for this specific event.


The eventBackgroundColor override for this specific event.


The eventBorderColor override for this specific event.


The eventTextColor override for this specific event.


A plain object holding miscellaneous other properties specified during parsing. Receives properties in the explicitly given extendedProps hash as well as other non-standard properties.


A reference to the Event Source this event came from. If the event was added dynamically via addEvent, and the source parameter was not specified, this value will be null.

All properties are read-only. If you want to modify them, use the various methods of the Event object, such as setProp, setExtendedProp, setDates, etc.

The expected values for allDay, start and end have been discussed in detail on the subject of parsing events. It is vital to understand how the end date is exclusive throughout the FullCalendar API.

Non-standard Fields

In addition to the fields above, you may also include your own non-standard fields in each Event object. FullCalendar will not modify or delete these fields. For example, developers often include a description field for use in callbacks such as eventRender. Any non-standard properites are moved into the extendedProps hash during event parsing.

var calendar = new Calendar(calendarEl, {
  events: [
      title: 'BCH237',
      start: '2019-08-12T10:30:00',
      end: '2019-08-12T11:30:00',
      extendedProps: {
        department: 'BioChemistry'
      description: 'Lecture'
    // more events ...
  eventRender: function (info) {
    // {description: "Lecture", department: "BioChemistry"}