Questions about the 4.x branch of FullCalendar. Always use the "fullCalendar" tag in conjunction with this tag.
Questions tagged [fullcalendar-4]
546 questions
8
votes
4 answers
React Fullcalendar v4 tooltip
Fullcalendar React component:
import FullCalendar from "@fullcalendar/react";
import timeGrid from "@fullcalendar/resource-timegrid";
import resourceDayGridPlugin from '@fullcalendar/resource-daygrid';
class FC extends React.Component {
…
ramamoorthy_villi
- 1,939
- 1
- 17
- 40
8
votes
1 answer
fullcalendar.js v4 - How to set html in title?
Does anyone have a solution for getting FullCalendar.js v4 to render the title as html? All the old ways of getting the element and replacing the text with html is not working on the new version. I have tried this below:
eventRender:…
John Greer
- 83
- 1
- 1
- 4
7
votes
1 answer
events with rrule plugin is not updating after drag/drop on change view grid fullcalendar v4
I am currently working on Fullcalendar v4 with rrule plugin
I have this code
var calendarEl = document.getElementById('calendardemo');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: ['interaction', 'dayGrid', 'timeGrid',…
Mark Salvania
- 486
- 3
- 17
7
votes
1 answer
how to programmatically add ngBootstrap popover to element?
I am currently working on a calendar in my angular v8 application.
This is the plugin I use: https://fullcalendar.io
this is the component which I include in my html template:
Sireini
- 4,142
- 12
- 52
- 91
7
votes
2 answers
Full Calendar Prev - Next Button in React
I'm using a full calendar in React and facing one problem i.e. I can't able to trigger an event on prev and next button at the header of the calendar. Please help me how can I able to add event(click) on prev and next button in React. Using Full…
Anuj
- 71
- 1
- 3
5
votes
3 answers
FullCalendar 4 - add and then access additional values to the Event Object
How do I add and then access additional values My_Custom_Value to the Event Object?
events: [
{
title: 'My Title',
My_Custom_Value: 'some details',
allDay: false,
start: 1501056000000,
end: 1501057800000
}
],
user8588978
5
votes
1 answer
Tooltips not working in fullcalendar when i use bootstrap css
I'm trying to show tooltips in my fullcalendar app. But if i include bootstrap.css it isn't working. When i run code without it, everything is working.
var calendar = new Calendar(calendarEl, {
events: [
{
title: 'My Event',
start:…
tomas
- 121
- 1
- 2
- 11
5
votes
4 answers
Fullcalendar V4 - clear all events
I'm loading dynamic events from a JSON source, but each time I click a different room, I want to clear all the events prior to fetching the new ones
I have attempted to clear the eventSource but to no avail
var eventSource =…
Jason Williams
- 163
- 1
- 1
- 8
4
votes
1 answer
Set eventRender in fullCalendar 4 and React
in fullCalendar used with jquery I have this eventRender:
eventRender: function (event, element, view) {
if (event.finito == 0) {
element.css('background-color', '#FF0000');
}
},
I'm trying to set up the same thing with React.
I…
matteo
- 2,121
- 4
- 20
- 33
4
votes
2 answers
FullCalendar list view - how to hide "all-day"
I have a FullCalendar List view.
All of the entries in the view will always be "all day" events. Therefore I don't really need the "all-day" that appears in the left column. Is there a way to remove this from the list?
$(document).ready(
…
Martin Perrie
- 398
- 5
- 16
4
votes
0 answers
FullCalendar.io Scheduler - Can I have resources as columns and days of week (or dates) as rows?
In Fullcalendar Scheduler's TimeGrid View with vertical resource view (https://fullcalendar.io/docs/vertical-resource-view), is it possible to create a custom view (or modify existing view) to have resources as columns without the dates underneath…
jeremie_se
- 380
- 1
- 2
- 14
4
votes
2 answers
FullCalendar v4 navigation button click handler
How do I attach a handler to the navigation buttons in FullCalendar v4? There is nothing specified in the official documentation.
Dany Dhondt
- 881
- 9
- 27
4
votes
1 answer
How to change resource(s) of events
The handling of resource changed in FullCalender 4.0.
In FullCalendar 3.x I changed the resource of an event using:
event.resourceId = newResourceId;
In FullCalendar 4.0 I cannot find the right way...
My current code is:
var calendar_event =…
Noxx
- 354
- 1
- 19
3
votes
0 answers
How to make bootstrap and antd working together in react?
I'm currently doing a project in NextJS and I need to use bootstrap (for fullcalendar) and AntD. But the global style of bootstrap makes some weird change inside the component of AntD. I tried to make bootstrap scoped only for the component where I…
Nicolas Menettrier
- 1,647
- 1
- 13
- 28
3
votes
2 answers
Add custom right click context menu in FullCalendar v4
I am trying to allow the user to either left click or right click on an event in the dayGrid view of FullCalendar. Left clicking should (and does) bring up some information about the event, while right clicking should provide a custom context menu…
stackoverflowing321
- 333
- 4
- 14