Questions tagged [fullcalendar-5]

Questions about the 5.x branch of FullCalendar. Always use the "fullCalendar" tag in conjunction with this tag.

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…
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
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…
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…
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
1
2 3
38 39