Questions tagged [fullcalendar]

Fullcalendar is a library developed by Adam Shaw that loads events by AJAX (as well as other methods) and presents them in a calendar/agenda display. Please always tag your fullCalendar version additionally - e.g. fullcalendar-5, fullcalendar-4 etc.

Filter by
Sorted by
Tagged with
0 votes
0 answers
19 views

FullCalendar bug in react js when clicking "Show more Events"

I'm using FullCalendar version 5.11.0 in react js. When I click '4+ more' in any day in a month results in next error: Cannot read properties of null (reading 'getBoundingClientRect'): enter image ...
Ronald Morales's user avatar
0 votes
0 answers
16 views

FullCalendar library FirstDay setting is not respected in different time zones

I'm using fullCalendar library to create month calendar view in my react application. I want to show my first day of week as Monday. For this I have used this setting : firstDay: 1. It works in some ...
Dev9999's user avatar
  • 51
-2 votes
0 answers
66 views

Set Start and end date for calendar in current month view

I need to display a calendar that begins with the previous month, 25, and finishes with the current month, 26, in the current month view page. I'm using fullcalendar, jquery. Is there a way to see the ...
vignesh's user avatar
0 votes
1 answer
27 views

How to change Full Calendar's moreLink appearance?

I'm using Full Calendar in my Angular 15 project. Is it possible to set a moreLink background color if it's present in a past cell? I'll explain better: if there's an event yesterday then the "...
Jany's user avatar
  • 25
0 votes
1 answer
24 views

Create Multiple events on same time on each day/date between different start and end date [duplicate]

I'm using Fullcalendar,I have to create an event on same time between start and end date. Here my start and end dates are different but I have to create event on each day/date between start and end ...
MR. OMKAR NIPANE's user avatar
0 votes
0 answers
52 views

Full Calendar not showing events coming from firebase reactjs

I'm using firebase with full calendar to display events from the users, currently I can see all events from the console log but on the calendar I can't see the list of events, only a blue indication ...
Deezy's user avatar
  • 63
0 votes
1 answer
28 views

Full Calendar refetched events when react set state

I am using full calendars api as follows for fetching my events- <FullCalendar ref={calendarRef} plugins={[listPlugin, bootstrap5Plugin]} initialView=...
Sahil Sahu's user avatar
-6 votes
0 answers
26 views

Laravel interactive calendar [closed]

I'm making a form in laravel that creates appointments that require choosing a date and time. These data are recorded in a table in a database. I need in my form to have an interactive calendar that ...
user's user avatar
  • 1
0 votes
1 answer
32 views

Get active month, day, and year in full calendar in Angular

I am working on full calendar where i want to get the current active month, year and day in full calendar on click of next and previous buttons. events: function(fetchInfo, successCallback, ...
user3653474's user avatar
  • 3,425
1 vote
0 answers
20 views

relatedEvents empty on eventAdd callback

Runnning a Vue3/Vite setup with Fullcalendar and a graphql/sequelize/mysql backend. Tried to implement recurring events in my app today and wanted to leverage the eventAdd callback to use the ...
grelle's user avatar
  • 11
1 vote
1 answer
33 views

fullcalendar edit headerToolbar title

I have a simple fullcalendar, it has buttons in the headerToolbar The question is, how can I change the titles in these buttons? Let's say that instead of month view it was just month, and instead ...
Hector's user avatar
  • 36
0 votes
1 answer
29 views

Fullcalendar 6 - rendering days and week days as links by default

It seems that days and weekdays are rendered as links by default (e.g. <a>{dayContent}</a>). Any way to disable/control this and have them rendered as <div> or <span> for ...
cidadao's user avatar
  • 1,383
0 votes
1 answer
35 views

react fullcalendar, collapsible events in resources

is there any way to make event under resource to be collapsible? Like I have a parent event and its childs, I want its childs to be in dropdown menu under parent event, like I already have resources ...
user22592696's user avatar
0 votes
1 answer
37 views

FullCalendar 6 and Bootstrap 5 : change tooltip background color

My FullCalendar agenda has colored events. Now I want the tooltip to have the same background color. Yet the tooltip has always a black background. I can I change this dynamically with regards to ...
HelloWorld's user avatar
  • 2,285
0 votes
0 answers
40 views

Fullcalendar - custom timeline and event slots for resource view "Rooms/Shifts"

Is it possible and how to achive such scheduler view: There are always 2 shifts per day. Day/Shift is single slot for multiple events. We are using pro version with Timeline View
imclickingmaniac's user avatar
0 votes
1 answer
28 views

FullCalendar v6.1.8 resource timeline view is not accessible by Screen readers. It only announces the header by ignoring entire calendar body

I tried using a screen reader to access the resource timeline view on (FullCalendar's website). It works well with the regular calendar view, where I can read and navigate through each date and cell. ...
Nivya Pallempati's user avatar
0 votes
1 answer
53 views

Changing Background Color and Text Color for Holidays in FullCalendar v3

I'm currently developing an attendance feature using FullCalendar v3. In addition to displaying event data, I also want to show information about holidays from the API APIHariLibur. If there is a ...
Haschwalth's user avatar
1 vote
0 answers
39 views

How to add view access to members in plone

We installed the FullCalendar plugin in Plone 6 and it works perfect for the admin account or when no-one is logged in the systems, but when members login they can only see a "+ and -" signs ...
Carlos Rivero's user avatar
1 vote
0 answers
29 views

Can we highlight today's day in Resource view in Fullcalendar? [closed]

Can we highlight today's day in Resource view in Fullcalendar? If I highlight using .fc-day-today class I'm not able to see borders for resource slot. You can see that in the codepen link below as ...
Navneeraj Mishra's user avatar
1 vote
1 answer
28 views

Display relevant events after using date navigation in FullCalendar

I'm using FullCalendar, and I need that when clicking the previous and next buttons, if you click on 'week' view, it should display the events for that specific week. Also, if you navigate forward or ...
Lil Gero's user avatar
2 votes
0 answers
30 views

problem with fullCalendar sending Z in UTC dates when calling API using fullCalendar

I used to use FullCalendar v3 and I am trying to upgrade it to v6 but it has many differences. So the issue is that I have this code: document.addEventListener('DOMContentLoaded', function() { ...
haduki's user avatar
  • 1,215
0 votes
1 answer
31 views

How to move the image in the calendar dates?

I am using fullcalendar/react. I have added the events on the calendar with the employee images: As shown in the picture, for every event there is an employee photo with it. The employee can take ...
M Shahzad Qasir's user avatar
0 votes
1 answer
23 views

need to know whether I drag and drop to a different time date, on the eventDragStop callback fuction of the fullcalendar

In the fullcalendar scheduler, I need the eventDragStop to execute a call back function, ONLY when the user drag and drop to the same date time, while do not execute anything if the user drag and drop ...
user2029505's user avatar
-1 votes
0 answers
25 views

how to trigger 'eventDrop' callback only when the event has 'moved' (drag and drop) to a same day/time

I know the the eventDrop will call if drag and drop to a different date time. https://fullcalendar.io/docs/eventDrop However, my app needs to call a function only if there is an drag and drop to the ...
user2029505's user avatar
-1 votes
1 answer
30 views

Unknown option 'googleCalendarApiKey'

I think I included Fullcalendar Bundle in the head. and I'm using thymeleaf like this common.html <head th:fragment="scripts"> <!-- Daum Postcode --> <script src=&...
강찬욱's user avatar
0 votes
1 answer
45 views

Property 'registerPlugins' does not exist on type 'typeof FullCalendarModule'

Trying to integrate fullcalendar into my Angular 15 project and following this: Error: src/app/views/pages/takvim/takvim.module.ts:18:20 - error TS2339: Property 'registerPlugins' does not exist on ...
hasancali's user avatar
0 votes
2 answers
21 views

I will drag and drop the user into the full calendar event. I will access event id and user id

`I'll drag and drop the user into the event on the calendar. I'll get the user ID and event id. User ID is now appearing, however event ID is not.` <div class="kullanicilarList-container&...
Mustafa Beyazbulut's user avatar
0 votes
0 answers
19 views

Upgrading PrimeFaces v8 to v10: Custom extender function in Schedule component not working

I was using custom extender function in my Schedule Component, the example codes are like below: <p:schedule id="myCal" value="#{calendar.value}" ...
Walking body's user avatar
0 votes
0 answers
20 views

How do you print out FullCalendar `timeGridWeek` starting at a specific time

I have a FullCalendar component I am using in my React project and everything is working great, except for the printing out the week view. import FullCalendar from '@fullcalendar/react'; import { ...
TwoShorts's user avatar
  • 508
1 vote
0 answers
49 views

Fullcalendar, how to display events as rows in timeGrid view?

I'm using Fullcalendar to display "bookings" in back-office, I need to implement week overview (timeGridWeek), but it looks very odd in comparison to monthly view where all events displayed ...
rez0n's user avatar
  • 73
0 votes
0 answers
27 views

Draggable html element with translateY is below pointer

Using Vue3/Vite with Ag-Grid and Fullcalendar6 with timeline view. I've setup two components (ag-grid and fullcalendar) and want to drag rows from ag-grid to fullcalendar, manage to do this ...
grelle's user avatar
  • 11
0 votes
1 answer
56 views

FullCalendar Angular, in eventDidMount only last setProp is working after navigation button is pressed

I am using FullCalendar in Angular with rrule pluging and repeating events. I want to change the backgroundColor, textColor etc. inside the eventDidMount callback. However, on using setting multiple ...
Sidharth Bajpai's user avatar
0 votes
0 answers
16 views

FullCalendar using hour counter from api in dayHeaderContent

Basically the issue I am facing is that I want to be able to get my calendar to show me the daily total hours. Currently it is working where if I make changes it will show the hours - But the problem ...
C.NCB's user avatar
  • 1
0 votes
1 answer
34 views

How to create a timeslot from 9am to the next day at 9am

I am using fullCalendar. Right now I have only single day time slot avalible for example 0 to 24hrs. Instead I want a custom time slot of 24 hours if possible, for example today 9am to the next day at ...
ankit microlent's user avatar
1 vote
0 answers
19 views

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 ...
Manish Gupta's user avatar
1 vote
0 answers
15 views

fullcalendar after set state calendar goes automatically to todays date

I dont understand the problem that I have. if I hover on an event I set a state. Maybe today is 08-29. and I scroll to 10-30 because there is an event. if I hover this event I set a state ...
newstacker's user avatar
0 votes
1 answer
21 views

fullcalendar timeline resourceAreaWidth

I am migrating from a 4 year old angular fullcalendar based app. Back then, i did derive the relative width of the resource area in timeline view by querying the width of the respective ".fc-...
mtraut's user avatar
  • 4,720
1 vote
0 answers
18 views

fullcalendar cannot jump to date with gotodate function

Why I can not jump to january ? if I click nothing happens: const handleChange = (e: IYearOption) => { if(e.value === '1') { console.log('HI'); ref.current?.getApi().gotoDate('...
newstacker's user avatar
0 votes
0 answers
19 views

FullCalendar disappears from Razor page when adding Events

I have this code on my index.cshtml page: <script> document.addEventListener('DOMContentLoaded', function () { var calendarEl = document.getElementById('calendar'); var ...
veckorevyn's user avatar
1 vote
0 answers
38 views

Creating FullCalendar View with Days (Weeks, Months) as Rows and Resources as Columns

I am developing a React 18 application with TypeScript, and I'm utilizing the FullCalendar library to manage and display events. I'm looking to implement a specific calendar view where days are ...
Ilya Kruchinin's user avatar
0 votes
0 answers
20 views

fullcalendar how to mark every current date in resource timeline?

I use fullcalendar resource timeline and want to mark the current day for every ressource how I make it ? All day cells have the same class name. currentcode: <FullCalendar ref={ref} ...
newstacker's user avatar
0 votes
1 answer
42 views

Reactivity breaks when changing ref's value inside an asychronous callback

Consider the following simple example (vue3 + pinia + fullcalendar): the store: export const useFullCalendarStore = defineStore('calendar', () => { // ... const activeView = ref<Nullable&...
DimChtz's user avatar
  • 4,053
1 vote
1 answer
30 views

FullCalendar: borderColor/backgroundColor not working for month view [closed]

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 ...
khatri rohan's user avatar
-1 votes
1 answer
40 views

Header fullcalendar customization for month display

Good day everyone! I am a beginner javascript developer. Now I'm practicing with fullcalendar and faced such a problem. It is necessary to display the name of the previous and next month in the header....
Assel Omarova's user avatar
0 votes
0 answers
11 views

Can FullCalendar timegridweek view display extra hours after 12am?

Does anyone know if FullCalendar's timegrid view has the ability to shift the time window that is displayed? I.e. On Monday, showing 5am (Mon) - 5am (Tues) instead of the standard 12am-12am. A ...
klickers's user avatar
0 votes
0 answers
15 views

FullCalendar create event form / view event popup

Is there a react component of a form for creating a new event in FullCalendar? I don’t see one in the docs but it seems like an important piece of functionality. Also, is there any standard popup ...
skb's user avatar
  • 30.2k
0 votes
0 answers
69 views

Vue 3 and Full Calendar - using Event as a Function with an already made API

I'm working on a project that was it's own application but it is now moving over to Vue 3. - at least one of the main reasons for it is for our colleagues who use Mac can work on their own devices ...
C.NCB's user avatar
  • 1
0 votes
1 answer
34 views

React FullCalendar - Showing additional data on fullcalendar

I am newbie using react and full calendar, and i have page like this image. Then, i have list of event like this: id: "9", eventId: "1", title: "Training Network&...
Nadhiful_A's user avatar
0 votes
0 answers
20 views

event id not sent successfuly from js to main.py

I am trying to send the event id from the front end JS code to my back end server. I am getting this error: fullcalendar.min.js:6 Uncaught TypeError: Cannot read properties of undefined (reading 'fn')...
Johnny_Bee's user avatar
0 votes
0 answers
18 views

fullCalendar.js Multi-Day Events with Weekends hidden

The problem: I have a multi-date event beginning on a Sunday and ending during the week. Toggle the weekends setting for the calendar and notice that this event now drops out of the view (even though ...
jrlooney's user avatar

1
2 3 4 5
196