Questions about the 5.x branch of FullCalendar. Always use the "fullCalendar" tag in conjunction with this tag.
Questions tagged [fullcalendar-5]
573 questions
2
votes
1 answer
fullcalendar.io 5: addEventSource not work from external function
For a small project I want to add events at runtime.
The actual calendar is created with data from a database. The separate script creates additional events, which are created dynamically at runtime of the calendar. These events should be added to…
Lukas
- 47
- 5
2
votes
0 answers
React Fullcalendar eventDidMount -> Replacing React-rendered children with a new root component
(I'm sorry for my bad english :/)
Here I'm trying to render an input in a fullcalendar event on my React application (fullcalendar v5), but i try with a simple div for tests. So I use eventDidMount with a function that renders with…
Minoss
- 21
- 2
2
votes
1 answer
Json URL Data -> no error, but no shown events
I don't know what I'm doing wrong. Try to load events in FullCalendar over a URL in Json Format. See below [1]. This is the code in the HTML [2].
There is no event shown. The URL is working and also no error in console window.
What could be the…
murratore
- 171
- 1
- 3
- 9
2
votes
0 answers
Select form element won't expand when clicked in fullcalendar
In the following fullcalendar example (using v5.3.2) I've added a select element to the events, but the select elements won't expand when clicked, and so the value can't be changed.
I've updated the code example to insert the select tag into the DOM…
akaspick
- 1,541
- 19
- 17
2
votes
1 answer
Javascript FullCalendar refetchEvents V5 after modal close
I'm converting a V4 fullcalendar to V5 and the code I used to refetch the events after the modal closes no longer works. The code was
$('#fullCalModal').on('hidden.bs.modal', function () {
$('#calendar').fullCalendar( 'refetchEvents'…
Mike
- 182
- 1
- 3
- 15
2
votes
4 answers
Cannot read property 'length' of undefined - Fullcalendar
Uncaught TypeError: Cannot read property 'length' of undefined
highlight the error in this part of fullcalendar/main.js code
function addDefs(defs) {
for (var _i = 0, defs_1 = defs; _i < defs_1.length; _i++)
this is my code:
yarn add…
BrumBrum
- 35
- 1
- 6
2
votes
1 answer
Angular fullcalendar adding an event when clicking on the day
Hi hope you will help me on this
I'm working on Angular 10 and full calendar v5 and I want to know how can I add an event into the day when clicking on it
export class CalendarComponent implements OnInit{
nomaction;
constructor(public dialog:…
heyhi
- 33
- 1
- 6
2
votes
1 answer
Fullcalender V5 RefetchEvents issue
I am using Fullcalender Scheduler V5.
I added calendar.refetchEvents(); at the end of eventDrop, eventResize, eventClick also. It is working well. But when I use it in other functions to add /edit the events, it is not working.Here is my code:
…
Maya
- 183
- 1
- 14
2
votes
0 answers
How to drop an external event on FullCalendar events
I'm on FullCalendar v5.1.0 with Scheduler.
I use FullCalendar.Draggable to create events with a drag and drop from DOM elements outside of FullCalendar.
Now I want to be able to drop my element on the calendar to create an event or on another event…
Nicolas COUSIN
- 21
- 3
2
votes
0 answers
Content Injection of Attribute
I'm trying to understand how to use the new content injection feature of Fullcalendar.
I'd like to modify the outermost or
of an event to add attributes to enable a bootstrap popover. I see how to return new content within an event, but…
Justin
- 21
- 1
2
votes
0 answers
FullCalendar 5.0.0-beta.4 ThirdPartyDraggable - How to delay click?
I'm trying to use SortableJS with ThirdPartyDraggable. On touch devices I have a 500ms delay before the click is allowed, but the 3rd party draggable registers the click right away.
Is there some way to notify the ThirdPartyDraggable manually to…
Jordan Baker
- 4,103
- 1
- 20
- 18
2
votes
4 answers
How to filter events in the new v5 of Fullcalendar.io
version 4 had eventRender and was quite easy to render or not an event as all you had to do was return null
with version 5 (currently on beta 4), that event was replaced with eventContent and eventClassNames but I'm struggling to replicate the same…
balexandre
- 73,608
- 45
- 233
- 342
2
votes
3 answers
Fullcalendar v5 remove all events on button click
I want to remove all events in fullcalendar v5 upon click of a button, the code below works fine
calendar.addEventSource([
{
title: 'Business Lunch',
start: '2020-04-03T01:00:00',
},
]);
But how can I able to remove/clear/delete…
nikko
- 109
- 1
- 11
1
vote
0 answers
How to reduce the height of daygrid cell in Fullcalendar v6
I have used this CSS code:
.fc-daygrid-day {
height: 20px !important;
}
but it seems that the height of each cells is fixed at 55px. Because below 55px the height remains the same but if I increase the value from 55 px the cell height gets…
Manish Gupta
- 61
- 3
- 14
1
vote
1 answer
FullCalendar: borderColor/backgroundColor not working for month view
In Fullcalendar,
I have used eventDataTransform to set borderColor & backgroundColor.
For Month view event's borderColor & backgroundColor is not taking effect.
i am expecting to take borderColor/backgroundColor effect for month view.
Current…
khatri rohan
- 31
- 5