Hints

Customize the accessible labels on the calendar’s interactive elements. FullCalendar annotates interactive HTML elements with these labels to make them more descriptive for assistive technology.

prevHint, nextHint, todayHint : Describe the “prev”, “next” and “today” buttons. The first placeholder/function argument (info below) is the localized text of the current view’s unit, such as "Semana" with the Spanish locale, and the second is the unit’s name in English, such as "week". The “prevYear” and “nextYear” buttons use prevHint and nextHint with the year unit, where $0 is the locale’s yearText. A value like "Next $0" might result in "Next Month". Defaults: "Previous $0", "Next $0", and "This $0" (or "Today" in day views).

viewHint : For buttons that switch views. The first placeholder/function argument (info below) will be the localized button text, the second is the view name from the headerToolbar/footerToolbar options. A value like "$0 view" might result in "Day view".

viewChangeHint : Labels a toolbar button group made only of view-switching buttons. Default: "Change view"

navLinkHint : Describes what happens after a navLink is clicked. The first placeholder/function argument (info below) will be the localized date text, the second will be the Date object. A value like "Go to $0" might result in "Go to January 1, 2022".

moreLinkHint : Describes what happens after a “+more” link opens an event popover. The first and only placeholder/function argument is the number of events being hidden. A value like "Click to see $0 more events" might result in "Click to see 3 more events".

closeHint : Describes the “X” icon on the event popover. Default: "Close"

eventsHint : Labels each day’s group of events in list views, and the events area of timeline and resource timeline views. Default: "Events"

The defaults above are English. A locale that doesn’t define a button hint labels the button with its text instead.

To set the hint of a single button, use the hint property of its buttons entry. It takes the same arguments as the option it overrides.

Arguments#

Certain hint options accept arguments. If the option is specified as a string, these arguments will be injected in place of $0, $1, etc. If the option is specified as a function, these will be the function arguments. Example:

new Calendar(calendarEl, {
  viewHint: function(buttonText, viewName) {
    if (viewName.match(/^list/)) { // matches "listWeek"
      return "Agenda view" // instead of "List view"
    } else {
      return buttonText + " view" // results in "Week view"
    }
  }
})