Questions about the 5.x branch of FullCalendar. Always use the "fullCalendar" tag in conjunction with this tag.
Questions tagged [fullcalendar-5]
573 questions
11
votes
3 answers
fullcalendar - NextJS - Dynamic import doesn't show calendar
I'm using NextJS and Fullcalendar.
I tried to use fullcalendar using dynamic import like in this example(for more info, this example solution comes from here).
It worked, But there was a problem. Almost every 1 out of 5 refreshing attempts ended in…

Daniel Barbakadze
- 201
- 2
- 14
8
votes
1 answer
Format column header dates in FullCalendar
I've been trying to change the format of the dates that appear in the day column headers on the Fullcalendar week/timegrid view:
I'm using V5 in conjuction with moment.js.
Searching through the docs, I ended up here:…

James B
- 183
- 1
- 13
7
votes
1 answer
How to copy events via ctrl, drag & drop in FullCalendar v5 - pure javascript only
I would like to implement CTRL + Drag & Drop in FullCalendar v5 using PURE JavaScript only.
I did my reseach on topic and found that this was discussed as a new feature UI request on FC github. There are few suggestions how to do that, even working…

Radek
- 13,813
- 52
- 161
- 255
7
votes
2 answers
How to hide events in fullCalendar?
Using the latest version of fullCalendar (5.3.2) I want to hide some events that correspond to resources I don't want to show now in a given view. The standard way to do this is using an eventClassNames function to check for it and add a "hidden"…

Ivan
- 14,692
- 17
- 59
- 96
7
votes
1 answer
fullCalendar (v5) callback/handler anytime view is rendered?
What is the way to catch anytime a view is rendered?
Not only when switching views, but also when clicking today / prev / next?
I need to clear an array of unique event titles after (or before) each render is complete.
So, similar to eventAllRender…

wivku
- 2,457
- 2
- 33
- 42
7
votes
3 answers
eventRender disappears in fullcalendar v5
Version : Fullcalendar-Scheduler v5 beta2
I tried eventRender like below in chrome:
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('planningMix');
var planningMix = $(calendarEl);
var…

孙悟空
- 1,215
- 1
- 11
- 26
6
votes
0 answers
Upgrade FullCalendar eventRender to eventDidMount for Right Click Action
I'd like to Upgrade my existing FullCalendar (v3.9 -> v5.7) eventRender to eventDidMount for a Right Click Action.
I have a webpage (FullCalendar v3.9.0) which has a right click action using the following eventRender code:
eventRender: function…

Alex Hedley
- 776
- 10
- 24
6
votes
2 answers
How to use FullCalendar with Laravel Mix
I have installed the Fullcalendar library packages using npm.
npm i --save @fullcalendar/core
@fullcalendar/interaction @fullcalendar/daygrid
@fullcalendar/timegrid @fullcalendar/list @fullcalendar/bootstrap
I've also included it in the…

Mathias Hillmann
- 1,537
- 2
- 13
- 25
5
votes
2 answers
Rails 7 + importmap + fullcalendar
I've manage to include bootstrap 5 without any issues, but when I try to include fullcalendar I get this error on browser console:
Failed to load module script: Expected a JavaScript module script but
the server responded with a MIME type of…

letz
- 1,762
- 1
- 20
- 40
5
votes
1 answer
Fullcalendar remove buttons borders/shadow
I try removing the Fullcalendar Buttons borders.
.fc-button { border: 0px !important; }
But when I click on it a new border appear :
And didn't found which element display this border.
Note : On click the DOM not seems to change

Adrien Villalonga
- 417
- 3
- 15
5
votes
0 answers
Fullcalendar custom view click on event
I am using fullcalendar 5 and have created a custom view according to the documentaion
In may calendar configuration I have added this eventClick: (info) => this.displayDetail(info) it work great with the default views but can't figure out how to…

Simon Ackermann
- 106
- 6
5
votes
1 answer
FullCalendar v5 dynamically set slotMaxTime and slotMinTime based on dynamic data from server
I recently upgraded form v4 to v5 of FullCalendar. When I did this I also changed the data for my events from a static JSON object that is pulled once from the server at load to a dynamic source based on start and end dates for what the client is…

Brandon Parker
- 762
- 7
- 18
4
votes
1 answer
Fullcalendar recurring event is shifted for the day before
This is the situation we are having. User is in Pacific Time zone and wants to create recurring event:
start date: 11/22/2021
end date: 11/29/2021
start time: 6:30pm
end time: 8:30pm
recurring days: Monday, Thursday
frequency: weekly
Fullcalendar…

Xiilxvi
- 43
- 4
4
votes
2 answers
Wrap Titles in FullCalendar v5
Having trouble wrapping the Title and Time on FullCalendar v5. By changing .fc-daygrid-event to have white-space: normal I can get the title to wrap, but it's not right:
(Top day is with whitespace adjust, bottom is default)
What I'm looking for…

Trees4theForest
- 1,267
- 2
- 18
- 48
4
votes
2 answers
FullCalendar - React - loading function problem
I'm using FullCalander v5 for React, testing the Resource Timeline view.
I'm encountering a problem with the "loading" function, the intent is to check the Fullcalendar state and in case of loading state true, display a Spinner type component (with…

Paolo
- 41
- 3