Stack Overflow
Stack Overflow

Questions tagged [fullcalendar-4]

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

546 questions
3
votes
2 answers

Full calendar selectAllow not working in ReactJS

I have a simple section in which I am showing a calendar for my users using the FullCalendar API. I want to disable only the dates from the previous month in ReactJS. selectAllow docs Here is working demo using jQuery. I want the same but in ReactJS…
The Dead Man
  • 6,258
  • 28
  • 111
  • 193
3
votes
1 answer

How to display all events of the year?

I need to display all the events of the year starting by the current date, so essentially from March to December, I tried setting up the property visibleRange as follows: document.addEventListener('DOMContentLoaded', function() { var calendarEl =…
faccenda
  • 105
  • 4
3
votes
1 answer

How to make events from one source render in background

I have added events to my calendar from two sources. One source is a json object and other is a google calendar. Now, I want to make events from google calendar render as background events (nothing should happen if user clicks on it) and for json…
Naduni Warnakulasooriya
  • 117
  • 3
  • 11
3
votes
1 answer

Navigating in FullCalendar with previous/next when CustomView has a visibleRange

My Calendar has a specific view : it shows 31 days (display 4 days before the current day, and 27 days after) Therefore, I have a dynamic visibleRange for my view let INIT = moment().subtract(4, 'days').format('YYYY-MM-DD'); let INIT_END =…
nurovek
  • 97
  • 5
3
votes
1 answer

Not able to set ID for event in Angular on eventReceived event

I am using fullcalendar module of Angular with drag and drop functionality. I want to set ID when the user drops new event on the calendar. But I don't know how I can set. here is the Stackblitz URL. also below is the eventReceive…
Chirag S Modi
  • 409
  • 7
  • 22
3
votes
0 answers

FullCalendar React Tooltip

I am trying to throw a tooltip when the end user clicks an event on the Full Calendar. It isn't throwing any errors or any information at all and i cant seem to get it to work. I haven't worked much with fullcalendar am i missing a plugin to get…
Charles L.
  • 1,844
  • 2
  • 34
  • 56
3
votes
1 answer

Display events from my DB in FullCalendar 4

I'm trying to import my data from my MySQL DB on a fullcalendar 4 page on a Laravel 5.2 app. My file Calendar.js : import { Calendar } from '@fullcalendar/core'; import interactionPlugin from '@fullcalendar/interaction'; import dayGridPlugin from…
Malkom
  • 145
  • 2
  • 9
3
votes
0 answers

Capturing FullCalendar4 click on date number event

I want to capture the event when the date number of a cell is clicked. I can't get dateClick to fire. eventClick and select does not capture the event either var calendarEl = document.getElementById('calendar'); calendar = new…
Liaoo
  • 425
  • 6
  • 21
3
votes
1 answer

How can I refresh calendar from outside this script?

I need to reload async the calendar (fullcalendar 4) from a button outside the calendar, to get the events entered in the database Events made from another application document.addEventListener('DOMContentLoaded', function() { var calendarEl =…
AlexZenit
  • 33
  • 4
3
votes
2 answers

How can i get the fullcalendar v.4.2.0 instance?

So I have a fullCalendar (v.4.2.0) instance in my page (loaded/built on document.ready) and I want to access that fullCalendar instance in other functions to add events dynamically. Using $('#calendar').fullCalendar('getView') it shows an error that…
Martinho
  • 37
  • 2
  • 7
3
votes
2 answers

How do I get Bootstrap popovers to work in FullCalendar 4?

I'm using Google calendar data in FullCalendar 4 and everything is displaying fine, but I'm having trouble figuring out how to use bootstrap popovers for events on hover. I've tried a bunch of different things I found online, but it all either…
V1xIII
  • 169
  • 1
  • 4
  • 14
3
votes
0 answers

What is the proper way to update an RRule event in FullCalendar 4

I have a FullCalendar with one recurring event, initialized by a RRule string. You can see a demo on code sandbox The Calendar is made editable so you can drag an event to a different location. When the event is dropped, a function is called which…
Dany Dhondt
  • 881
  • 9
  • 27
3
votes
4 answers

how to refresh fullcalendar v4 after change events object using ajax

i use fullcalendar v4 to show events. events shows in load normally ,but i need to add a filter using multiple checkboxes and refresh fullcalendar events after onchange checkbox with ajax . after change i get the new object events but i need to…
Boutamente abdessamad
  • 523
  • 2
  • 10
  • 30
3
votes
2 answers

Add Bootstrap popover programmatically vue-full-calendar

My end goal is to add a Bootstrap 4 Popover to Full Calendar to display calendar event descriptions, since depending on the view, Full Calendar cuts off the Title/description. Since Full Calendar is generating everything based off of the events prop…
chrislebaron
  • 269
  • 3
  • 14
3
votes
2 answers

Why does fullcalendar fail to parse JSON?

Summary I have setup fullcalendar and I'm trying to show data in it using the JSON event source as described in their documentation here. I keep getting the following failure message Failure parsing JSON. Things I've tried This is the JSON which…
Smit
  • 51
  • 1
  • 7
1
2
3
…
36 37