I’m working on a calendar using FullCalendar from fullcalendar.io. Here is my code :
import React from "react"
import FullCalendar from "@fullcalendar/react"
import listPlugin from "@fullcalendar/list"
import dayGridPlugin from "@fullcalendar/daygrid"
import timeGridPlugin from "@fullcalendar/timegrid"
import interactionPlugin from "@fullcalendar/interaction"
import frLocale from "@fullcalendar/core/locales/fr"
const Calendar = (props) => {
const calendarOptions = {
events: data.events.length ? data.events : [],
eventColor: variables.promoter,
plugins: [interactionPlugin, dayGridPlugin, timeGridPlugin, listPlugin],
initialView: "dayGridMonth",
headerToolbar: {
start: "prevYear,prev,next,nextYear",
center: "title",
end: "dayGridMonth,timeGridWeek,timeGridDay",
},
timeZone: "Europe/Paris",
eventTimeFormat: { hour: "2-digit", minute: "2-digit", hour12: false },
editable: true,
locale: frLocale,
eventResizableFromStart: true,
dragScroll: true,
dayMaxEvents: 2,
navLinks: true,
...
};
return <FullCalendar {...calendarOptions} />;
};
export default Calendar;
Anyway the code works, and it gives me a calendar as follows.
So my question is : Is it possible to store the calendar title into a variable so that I can use it the way I want?
I have already looked at the fullcalendar documentation, but still don’t have any solution…
Thank you by advance for any help!