Questions tagged fullcalendar-5

Explore the latest questions and answers asked by our top developers.

Sort resource items in fullCalendar with Room

This is my resource and event items: const resourceItems = [ { "id": "c", "title": "Resource 1", sort1: 10, sort2: 7}, { "id": "d", "title": "Resource 2", sort1: 14, sort2: 5}, { "id": "e", "title": "Resource 3", sort1: 18, sort2: 3} ] const eventItems = [ { "resourceId": "c", "title": "event 1", "start": "2022-01-12T10:20", "end": […]

dayCellDidMount is not calling while clicking day view in fullcalendar Angular

dayCellDidMount is calling while week view and month view is clicked. But not calling while day view click. I have to change the background color for some special dates for that I have to get the current cell date and modify the el from dayCellDidMount. Source: Angular Questions

By Nazim Ahmed
Published
Categorized as angular, fullcalendar-5, typescript Tagged , ,

cant use dayRender in fullcalendar typescript

I want to change background color of a specific day from ts file. But day render event is not working with the perameters of date and cell.So how can i use day render with date and cell property in angular. <full-calendar #fc [options]="fullCalendarOptions" (dayRender)="dayRender(date,cell)"> Here date and cell property not exist. Source: Angular Questions

By Nazim Ahmed
Published
Categorized as angular, fullcalendar-5, typescript Tagged , ,

How can I change the font size of the toolbarheader in Fullcalendar v5?

I need to change the font size of the title because is too big, I try using CSS styles in my angular component but didn’t works, how can I do this? in the fullcalendar documentation I didn’t see some about that Source: Angular Questions

By Josue98
Published
Categorized as angular, fullcalendar, fullcalendar-5 Tagged , ,

Fetching API data in Angular for fullcalendar

I have the function to return the api data for the user bills, and then mapped the data to conform to fullcalendar – when I console log the "this.calendarBills" its json format and the date is also formatted correctly, but when I set "events" for fullcalendar to this.calendarBills, it returns nothing on the calendar… export […]

fullcalendar – Double localization of event._instance.range?

Issue My locality is GMT -04:00. I want access to the start and end dates of a recurring event I’ve clicked. I thought I could use clickInfo.event._instance.range for that purpose, but the time value returned is GMT -08:00. I store date times as UTC in my database and fullcalendar correctly localizes clickInfo.event.start to GMT -04:00, […]

By TryIst
Published
Categorized as angular, fullcalendar, fullcalendar-5, rrule Tagged , , ,

Full Calendar Initial events don’t refresh when event is updated or deleted

Here’s my Calendar setup, Unfortunately I cannot produce a runnable demo because my app uses Fetch from API, Redux and many other components to work. But I will try my best to explain everything that is happening. Initially when my Calendar component loads, I use hooks to fetch data and populate it with "Events" prop […]

Tooltip not working with FullCalendar v5 In angular

I’m trying to update Fullcalendar in v5 in my angular app. I try to display a tooltip when the mouse is over an event. I have imported the library Tooltip and Popper as mentionned in the Fullcalendar docs but nothing appears when i’m over an event. this.calendarOptions = { timeZone: ‘UTC’, initialView: ‘resourceTimelineDay’, aspectRatio: 1.5, […]

FullCalendar5 – exdate property is being ignored

I have a rrule for a repeating event starting at Sep 1, 2021 until June 1, 2022. The date Sep 21, 2021 should be excluded, but in fact it still remains there. How do I solve it? import { Component, OnInit, ViewChild } from ‘@angular/core’; import { BreadcrumbService } from ‘@core/services’; import { CalendarOptions, DateSelectArg, […]

By nop
Published
Categorized as angular, fullcalendar, fullcalendar-5 Tagged , ,

FullCalendar5 – Title should consist of 3 extendedProps

The title is pretty self explanatory. There is one event named ‘event 1’. Instead of ‘event 1’, it should display subject + ‘, room: ‘ + room + ‘, lecturer: ‘ + lecturer. These properties are extendedProps. Is it possible? import { Component, OnInit, ViewChild } from ‘@angular/core’; import { BreadcrumbService } from ‘@core/services’; import […]

By nop
Published
Categorized as angular, angular12, fullcalendar, fullcalendar-5 Tagged , , ,
1 4

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq