Questions about the 4.x branch of FullCalendar. Always use the "fullCalendar" tag in conjunction with this tag.
Questions tagged [fullcalendar-4]
546 questions
2
votes
1 answer
how to set duration for external events in fullcalendar
I'm trying to use fullcalendar with external events.
I followed the example with external events that are dragged and dropped.
That's exactly what I need and the example is ok: I'm able to drag external events and drop it on the calendar. They're…
user2449253
- 103
- 2
- 13
2
votes
2 answers
Full calendar on drag events -> Uncaught TypeError: Cannot read property 'isWithinClipping' of undefined
I am implementing fullcalendar.io in my React.js project.
When i drag event, sometimes i get this error, can someone tell me what is problem?
Uncaught TypeError: Cannot read property 'isWithinClipping' of undefined
at…
bmojanoski
- 25
- 6
2
votes
1 answer
unable to add an array formed by self-defined function as an event source
I have used AJAX to request data from the database through an API. Here is the function.Since the formatting in the dB is different from the one Full Calendar requires, I have created an Object called schedule that looks the same as an Event Object…
Silvia Leung
- 37
- 4
2
votes
2 answers
FullCalendar - repeating a single event on every day without being told to
I'm playing with a basic implementation of FullCalendar. But with the code below (copy and paste into a file). My 'meeting' repeats at the given time every single day.
I should have 1 event against Fred, 3pm to 6pm on March 1st. Not repeating.
This…
MickCrozier
- 312
- 1
- 8
2
votes
1 answer
Fullcalendar 4.3 adding title to background event
fullcalendar 4.3 no longer uses jquery, after this i find it challenging to get the customization that i would like to have.
What i want is pretty simple to explain: i want the title of a background event to be visible.
So from this:
to this:
I…
Ellert van Koperen
- 555
- 5
- 18
2
votes
2 answers
How do i get full translation on fullCalendar in Vue.js
I have Fullcalendar in my Vue application and set the language to "da"
But it doesn't translate everything.
The button "today" in the corner is not translated, but everything else is.
I have tried to import the locale files. Both all and…
Caroline Olivia
- 336
- 3
- 12
2
votes
1 answer
event year view in fullcalendar v4
I would like to display year view of events in fullcalendar v4. Year view has been added to full calendar until version 2.2.7. Later version does not have this. So, I decided to create year view using custom view . But I did not get where should I…
Premlatha
- 1,676
- 2
- 20
- 40
2
votes
2 answers
Fullcalendar change background color for holidays
Actually I use this code to set background red for holidays:
dayRender: function (dayRenderInfo) {
var date = dayRenderInfo.date;
var datestring = date.getFullYear() + "-" + ("0"+(date.getMonth()+1)).slice(-2) + "-" + ("0"…
Giuseppe Lodi Rizzini
- 1,045
- 11
- 33
2
votes
1 answer
fullcalendar timegridweek don't show events time properly
I use fullcalendar to make a calendar with three view(dayGridMonth,timeGridWeek,listMonth) and they work fine except timeGridWeek that don't show events in proper time file, you can see in this image:
this is the code of…
javier Cores
- 31
- 4
2
votes
1 answer
Fullcalendar - Cannot read property 'DayGrid' of undefined
I'd like to use the Fullcalendar 4.2.0 Plugin to my website, but I get an error message:
Uncaught TypeError: Cannot read property 'DayGrid' of undefined
The included js files:
krida
- 23
- 1
- 4
2
votes
2 answers
How to use gotoDate() in FullCalendar with Angular 8
I'm using angular 8 and I want to go to a specific date given by input.
I searched a lot but all search results are for angular-ui , angularjs, javascript, and I don't know how to use it for angular 8.
I dont know how to start but I will show the…
AliAb
- 539
- 3
- 8
- 31
2
votes
1 answer
It is possible to change the layout of fullcalendar from 00:00:00 - 23:59:00 to 19:00:00 - 06:59:00?
Good day, can any-one solved this problem?
I want to change the layout of the internval time from 00:00:00 - 23:59:00 to 19:00:00 - 06:59:00?
The reason is for the night shift peeps out there. haha.
I saw same question click here, and the answer is…
Nosaj
- 51
- 8
2
votes
1 answer
Access to a child element from info of eventClick from Fullcalendar
I'm using fullcalendar.js in Jquery. I have a problem to get a child element from a HTMl element.
I call https://fullcalendar.io/docs/eventClick which returns me info.
eventClick: function(info) {
console.log(info.el);
let $el…
Ugo Lfe
- 717
- 2
- 9
- 27
2
votes
1 answer
Click event on fullcalendar.js plugin not working
I am trying to display a calendar in VueJS. I need the following things :
Month view
Week view
Day view when I click on a cell
To display data in each cell of my calendar
I can't use Vuetify plugin because I am already using Bootstrap, that's why…
Louis Charles
- 330
- 4
- 18
2
votes
2 answers
Full Calendar customizable header
I have used the following attribute in the code as shown below :-
columnHeaderFormat: {
weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true
}
It shows somewhat like this
Now as i want to achieve…
namco
- 101
- 3
- 13