FullCalendar
  • v7 latest
  • v6 (opens in a new tab)
  • v5 (opens in a new tab)
  • v4 (opens in a new tab)
  • v3 (opens in a new tab)
  • v2 (opens in a new tab)
  • v1 (opens in a new tab)
DemosDocs
  • Getting Help
  • Debug Templates
  • Reporting Bugs
  • Requesting Features
  • Contributing
Pricing
20.7k
  • Demos
  • Docs
  • Support
  • Getting Help
  • Debug Templates
  • Reporting Bugs
  • Requesting Features
  • Contributing
  • Pricing

Back to Event Model

  • Event Parsing
  • Event Object
  • Recurring Events
  • RRule Plugin

Event Data Parsing

  • eventDataTransform
  • defaultAllDay
  • defaultAllDayEventDuration
  • defaultTimedEventDuration
  • forceEventDuration

Methods

  • Calendar::getEvents
  • Calendar::getEventById
  • Calendar::addEvent
  • Event::setProp
  • Event::setExtendedProp
  • Event::setStart
  • Event::setEnd
  • Event::setDates
  • Event::setAllDay
  • Event::moveStart
  • Event::moveEnd
  • Event::moveDates
  • Event::formatRange
  • Event::remove
  • Event::getResources
  • Event::setResources
  • Event::toPlainObject

Handlers

  • eventAdd
  • eventChange
  • eventRemove
  • eventsSet

See also

  • Associating Events with Resources
  1. All Docs
  2. / Event Model

Event::formatRange

Formats an event’s dates into a string.

event.formatRange( formatConfig )

Accepts a date formatter.

If the event doesn’t have an end, then the start will be formatted alone.

FullCalendar
Get started →
  • Blog
  • · Roadmap
  • · License
  • · Giving
v7.1.0 Released Sep 5, 2026 All releases →

Integration Docs

  • React 7.7M/MO
  • Vue 850K/MO
  • Angular 930K/MO
  • Vanilla JS 2.5M/MO
  • Preact
  • Web Component

Also from FullCalendar

temporal-polyfill

The Temporal API, polyfilled in under 20 kB.

18M downloads / month

© 2026 FullCalendar LLC

Built and maintained by Adam Shaw