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
Date format in FullCalendar Timeline view
I am trying to configure FullCalendar 4.3.1 in Timeline view to display date in UK format in the title and on column headers. I use slotLabelFormat and titleFormat as below:
slotLabelFormat: [
{ day: 'numeric', weekday: 'short', month: 'short'},
…
blitz
- 623
- 5
- 18
2
votes
1 answer
(Fullcalendar 4 VueJs) using "titleFormat" as method doesn't work for "resourceTimeGridDay" and "resourceTimeline" views
I am trying to make my own header using "titleFormat" as method. It works for "timeGridWeek" and "dayGridMonth" but doesn't work for another two views with resource.
titleFormat(date){
date.end.marker.setDate(date.end.marker.getDate() - 1)
…
Denys
- 283
- 2
- 11
2
votes
1 answer
Fullcalendar 4: How to get the element ref of the dropped event on fullcalendar?
I am working on fullcalendar and need to get the element ref of event that is being dropped onto the calendar.
I need to show a confirmation box overlay and in order to set it correct location on the calendar, I need exact element ref of event…
user2332505
- 619
- 2
- 10
- 19
2
votes
0 answers
Full Calendar drag and drop event call back
When i try to add external event to it i require date and time from the calendar how can i achieve that here is my code which i have worked over.
document.addEventListener('DOMContentLoaded', function () {
var Calendar =…
namco
- 101
- 3
- 13
2
votes
1 answer
Why is the resource not displayed in Fullcalender
I have the above fullcalender script that works but I would like to display the resources (Rooms), what do I need to change in order to do that?
document.addEventListener('DOMContentLoaded', function() {
var calendarEl =…
MTplus
- 2,077
- 4
- 34
- 51
2
votes
0 answers
Fullcalendar get the current view within events function
I need to pass current view type along with my ajax url within events function. I am using fullcalendar v4.3.1. Below is my code and what I am facing an issue that I always get previous view type when change the view.
var currentView =…
Gayan Fernando
- 581
- 1
- 7
- 23
2
votes
1 answer
Using Fullcalendar methods inside React App
Fullcalendar events can be intercepted by handlres which were passed into object's props:
VladR
- 93
- 8
2
votes
0 answers
FullCalendar v4 - How get currentStart, currentEnd in eventSources
Is possible or how get properties currentStart and currentEnd, but "in" eventSources: [events: function(fetchInfo, ...)].
Sample
eventSources: [
{
events: function (fetchInfo,…
Magno Alberto
- 628
- 14
- 27
2
votes
1 answer
Adding the border style to an event in Full Calendar
I just want to add the border style to one of the events but not all events in full Calendar. Any help?
changes are like want to add the border styles to the event for the fullcalendar.changes are like want to add the border styles to the event for…
Haseena Banu L
- 45
- 2
- 6
2
votes
1 answer
Fullcalendar External Draggable Change Event Data Dynamically
I am using fullcalendar.
I create an external draggable to drop onto the calendar
let singleslot = document.getElementById('singleslot');
new Draggable(singleslot, {
eventData: {
title: item.name,
duration: '00:45'
}
});
This works as…
Daniel Beyzade
- 107
- 1
- 10
2
votes
1 answer
Using FullCalendar, how to add information to EventObject when eventReceive?
I've started discovering and using FullCalendar but I'm stuck with it.
What I want to do is a ResourceTimeline in Month view, with external event dragging (a left panel).
The subject later would be to have a modal when you drop an event, in order to…
nurovek
- 97
- 5
2
votes
1 answer
How to get all events in vuejs in fullcalendar
In fullcalendar document , They give example for getting all events in javascript or jquery. But I could not find in vuejs(https://fullcalendar.io/docs/Calendar-getEvents)
Please any one give example of get all events in vuejs
vendeeshwaran Chandran
- 1,383
- 1
- 13
- 13
2
votes
1 answer
FullCalendar v4 dynamically set a calendar’s height
In my Laravel App, I've made .js file `fullCalendar.js' and this is inside of it:
import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import…
Nemanja
- 119
- 1
- 3
- 16
2
votes
0 answers
FullCalendar V4 on Angular 8: how to refresh data on "subscribe"
I'm wondering how to refresh data in fullCalendar (V4) in Angular (typescript): I have try everything I found on documentation but nothing seems to work properly.
On "SAVE" it all works fine, all the data saves to database properly but after save I…
Hammeronthenet
- 132
- 2
- 14
2
votes
2 answers
Setting locale doesn't take modification
In advance, excuse my English!
I've been trying to understand for several hours why changing the locales setting don't work in my code.
I would like to switch my calendar (from fullcalendar.io) in "Fr", so I put the right language .js file in a…
Weiling
- 41
- 4