Questions tagged [fullcalendar]

1

votes
1

answer
62

Views

How can I override or remove previous events with new loaded events in full calendar

On fullcalendar init, I have : $('#m_supervisor_calendar').fullCalendar({ events: function (start, end, timezome, callback) { $.ajax({ url: '/calendarSchedule/getCalendarData', dataType: 'json', success: function (events) { callback(events) } }) }, But I need to have a button on click will ch...
Rey Young
0

votes
1

answer
50

Views

Redirecting from https to http?

Strange problem here. I use FullCalendar to initiate an ajax request to an endpoint on my server. Endpoint is: https://my_website/events/?start=2019-03-31&end=2019-05-12&_=1555698739056 Note that it is explicitly https. However, when I initiate a request (that is, when Fullcalendar initiates a requ...
WillardSolutions
0

votes
1

answer
20

Views

How to use ajax $.post() in a callback?

I'm trying to use Ajax in a callback on 'eventDrop' Here is the line of code I use: $.post('{{ route('update_event_ajax') }}', data); But when add it, the calendar no longer appears. Here is my FullCalendar script: $(document).ready(function(){ $('#calendar-NcAT6P42').fullCalendar( //calendars optio...
jestin-g
1

votes
1

answer
117

Views

FullCalender.io with classic ASP

my apologies for this question but I'm extremely limited in the coding languages I can use - thus, you are my last bastion of support. Please see below I want to integrate full calendar.io into my companies local intranet to show holidays for my store managers (around 800) so that area managers can...
Datanovice
0

votes
0

answer
2

Views

Change background color based on event title Fullcalendar 4

I'm trying to change the background color of an event (in Day View) of fullcalendar v4. I've spent hours trying to implement eventRender, to no avail. This has led me to find other workarounds, but now, I'm striking out! I'm trying to figure out the solution explained here: [Fullcalendar - change...
PatrickNY
1

votes
0

answer
87

Views

Fullcalendar select works on double tap in mobile

I have used fullcalendar library with React on Rails. Currently on mobile devices the 'select' callback gets triggered on double tap. https://gist.github.com/RORingBBK/9d943068cee3e5ac1006d9ec936284c9 The select related options that I have used are selectable: true, selectLongPressDelay: 0, unselect...
Bibek Khadka
1

votes
0

answer
101

Views

MongoDB - aggregating data between two collections

My application is a reservation system that uses full calendar API. The calendar has a seller and a customer that are routed to view the same calendar and see the same events. The seller creates resources on the calendar and the customer can see the same resources and book them on his end. My goal:...
asus
1

votes
0

answer
185

Views

FullCalendar js, creating a drop down event.

I'm currently working on a project using FullCalendar. For each day I have a series of events that are related to each other like this : EVENT 1 subset of event 1 subset of event 1 EVENT 2 subset of event 2 subset of event 2 For a total of six events. What I would like to know is if there is the po...
Piero Borrelli
1

votes
1

answer
580

Views

PrimeNG schedule fullcalendar error

I am using PrimeNG schedule in one of my project. After installing PrimeNG, I was getting error for JQuery, but after installing it the error went away. Currently i am getting this error this.schedule.fullCalendar is not a function Another thing I noted is that If I try to install FullCalendar, I ge...
BhargavG
1

votes
1

answer
629

Views

Fullcalendar changing the color of an event when mouseover another event

What I'm trying to do is to change the color of an event when I put the mouse over another event. For example when I hover over event 58335 the color of 58345 to be changed from orange to blue. Calendar I'm using eventMouseover event - https://fullcalendar.io/docs/mouse/eventMouseover/ but cannot fi...
kmignt
1

votes
1

answer
98

Views

Add events in fullcalendar with meteor

so I was able to create a fullcalendar in my application, but now I cant make the events show... this is my code main.js import { Template } from 'meteor/templating'; import { Notes } from '../lib/collections.js'; import './main.html'; Template.body.helpers({ /* notes:[ {text: 'My note 1'}, {text: '...
Danillo Villas Neto
1

votes
0

answer
400

Views

Angular2 Fullcalender: Problems with rendering a new event

Im having problems with creating a new event. My starting point was this tutorial: https://github.com/lbertenasco/ap-ng2-fullcalendar The Tutorial itself worked fine and the calendar is being displayed. But now I try to create a new event and I get an error from the console: Attempting to call a Ful...
martin-
1

votes
1

answer
67

Views

Replacing script tag of maddhatter fullcalendar package in laravel

I am using the maddhatter fullcalendar package in my Laravel application. In the script tag i have this line of code - {!! $calendar->script() !!}. is there any other way to replace this code where it's not written in a shortcut form because I want to add different functions inside the fullcalendar...
Ronald Torres
1

votes
0

answer
44

Views

businessHours not working with angularjs

The business hours not showing on my calendar as i want them to be, its showing only Monday-Friday while my businessHours list contains just Monday and Tuesday . $scope.businessHours = [ { start: '09:00', end: '19:00', dow: [1,2] } ] $scope.uiConfig = { calendar:{ header: $scope.calendarHeader, even...
swordfish
1

votes
1

answer
484

Views

fullcalendar - eventclick changing URL

How can I change the event's URL in the eventClick? I change it but when I updateEvent on the calendar it doesn't take my change it has the original value. var path = window.location.origin + window.location.pathname + calEvent.url; calEvent.url = path; //update the calEvent $('#calendar').fullCalen...
ARivera618
1

votes
1

answer
310

Views

Angular 2 - Full Calendar not working

Hello I have an Angular 2 Project using fullcalendar. I have a problem when I'm trying to deploy it to heroku and I get a build error like this. remote: ERROR in node_modules/fullcalendar/dist/fullcalendar.d.ts(695,36): error TS2304: Cannot find name 'JQueryPromise'. remote: node_modul...
Patrick Ian Co
1

votes
1

answer
69

Views

Full calendar not rending events in the client

I'm trying to make a calendar showing all the weekdays and events, without considering what day of the month it is. The dates coming from the database are 'random', and in the C# code I get the current week and associate each 'random' date with the corresponding day of the current week (so the user...
Jean-CS
1

votes
0

answer
168

Views

Rails/FullCalendar/JQuery Uncaught SyntaxError: Unexpected token :

I'm working on trying to integrate a calendar into my RoR web application using FullCalendar. I've imported jQuery, Moment, and FullCalendar. Basically, what i'm trying to do is make a pop up appear that lets the user add an event to the calendar whenever they click on a date. I followed this vide...
1

votes
1

answer
549

Views

Fullcalendar Scheduler - multiple user view not working

I'm trying to get a multiple user view using Scheduler. This is the code i'm using: $('#calendar').fullCalendar({ schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives', defaultView: 'agendaDay', events: [ // events go here ], resources: [ { id: 'a', title: 'Room A' }, { id: 'b', title: '...
BJNM
1

votes
1

answer
264

Views

fullcalendar today button needs double-click to trigger the event

I'm using fullcalendar with month, agendaWeek, and agendaDay(with resources) views and I'm facing some problems with Today button in agendaDay view. While Prev and Next buttons work as supposed, I need to click on Today button twice to trigger the click event, even though it only needs one click in...
brklja
1

votes
0

answer
675

Views

Cannot read property 'datepickerLocale' of undefined

This may be a specific issue but I am stuck after quite some debugging done. Maybe a fresh pair of eyes would see something I am missing. I have posted only the relevant code snippets, as it is a bigger app. Everything works fine, however I keep getting this error and I don't exactly know what woul...
Duhanes
1

votes
2

answer
166

Views

Fullcalendar strange display issue

I have noticed that in Fullcalendar, if I use 'jquery ui' theme, the first row in agenda week has a lighter background (#F8F8F8 vs #EEEEEE). Here is my script: Test var calendar; $(function() { calendar = $('#calendar').fullCalendar({ themeSystem: 'jquery-ui', eventTextColor: '#000000', themeB...
Michele
1

votes
2

answer
235

Views

Show User Specific Events on FullCalendar

I have an application at the moment that has Appointments that involve one Administrator. I am currently displaying a FullCalendar with all of the appointments listed. I would like to have it so when an Admin logs in, they can only see their own appointments. Just a note, I have a UserProfile table...
Chloe Finn
1

votes
2

answer
166

Views

Fullcalendar events not refreshing

I try to show the calendar inside a modal. The user will click on a button in which it holds a parameter to filter calendar events. Here is my code: Open Modal Open Modal var type = $(elem).data('type'); $.ajax({ url: '/Staff/GetSchedule', type: 'POST', data: { StaffType: type}, dataType: 'json',...
yusry
1

votes
1

answer
45

Views

jquery fullcalendar prepend characters to title output

I have an implementation of fullcalendar that uses a SQLExpress for storing events. What I would like to do is. If a certain condition is met. I want to prepend characters to the event title. These need to be displayed on the main calendar display. Example: I have a drop down on the add event dial...
John DeFalco
1

votes
0

answer
101

Views

FullCalendar.io - how to obtain date in the eventRender callback?

In the fullcalendar.io eventRender callback, how can I get the date for which the event is being rendered? In monthList view, for a multi-day event, eventRender is called for each day the event spans. I want to rewrite the HTML for the event. The html will change depending on the day. The (outer) bo...
Damian Helme
1

votes
1

answer
286

Views

FullCalendar.io not displaying correctly

So I've followed a tutorial on full calendar within my asp.net mvc application. My Calendar controller: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace Bookings.Controllers { public class CalendarController : Controller { Booking...
user7623641
1

votes
1

answer
46

Views

Full Calendar loading before my Navigation Bar

Having a weird problem with my C# ASP.net application using FullCalendar. When I load the FullCalendar, my nav bar isn't responding properly. When the calendar is loaded, I can't access the drop down list. I think it has something to do with my FullCalendar loading in before my nav bar but I don't...
Chloe Finn
1

votes
1

answer
142

Views

Fullcalendar - delete event by drag on touch device

I have an issue with Fullcalendar 3.9.0. eventDragStop: function (event, jsEvent, ui, view) { if (isElemOverDiv()) { var con = confirm('Are you sure?'); if (con == true) { $.ajax({ url: 'process.php', data: 'type=remove&eventid=' + event.id, type: 'POST', dataType: 'json', success: function (respons...
N. Larsen
1

votes
0

answer
57

Views

Scheduler, Vertical Resource View - same event multiple ressources

I intend to buy/use Scheduler, for its Vertical Resource View, but I can't find out how or if this is possible: having an event that stretches across two or multiple ressources. I know, that it's possible using multiple resources, as described here. The problem is that the event is drawn on each res...
Kapris
1

votes
0

answer
78

Views

Custom slot label in timeline view depending on days count

I need to add custom label depending on day count. For example, I have 1 calendar year defaultView: 'timeline12Month', views: { timeline12Month: { type: 'timeline', duration: { week: 52 }, titleFormat: 'DD.MM.YYYY' } } So I need to add custom label depending on custom day count. For example, I need...
Dimka Ganin
1

votes
0

answer
434

Views

How to add a custom button with icon AND text?

In the header. It looks that whenever I set a icon, the text does not appear. Looks like is just one or the other. Is it possible to have both? I could not find how.
Igorzovisk
1

votes
1

answer
269

Views

Change background-color of a row in list view with FullCalendar

I am trying to make change the color of each event rows in the listMonth view with FullCalendar to a specific color depending of what is entered in 'event.status'. Here's my FullCalendar code: $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'listMonth, month,...
larin555
1

votes
1

answer
364

Views

angular2 Implementing FullCalendar-Scheduler with PrimeNG-Scheduler - Resources are not showing

FullCalendar has an add-on called Scheduler which I am trying to use with PrimeNG-Schedule component. Looking at the PrimeNG docs, there is an 'options' property that I can use to send arbitrary information to FullCalendar. I am adding resources but still i am not able to see any resources on the c...
Fahad
1

votes
1

answer
249

Views

MVC Full Calendar doesn´t show the events

I am implementing a calendar and I have encountered some difficulties because I am learning JavaScript alone and I have not mastered yet. My problem is this: I can create the event and save it in the database, but the event and the color of it ... do not appear on the calendar ... can someone find o...
1

votes
0

answer
138

Views

FullCalendar - Display users on x-axis and time on the y-axis in the Week and Month view

I'm using https://fullcalendar.io to show my local database events in my custom PHP Codeigniter application. In my application, I need to show users on x-axis and date&time on the y-axis while select Week and Month, like it is in the Day view. Please review screenshot for more information. I need We...
Keval Gangani
1

votes
0

answer
293

Views

Fullcalendar to pass previous and next month value in event calendar using ajax

I need to pass the previous and next month value using ajax url to get the events data by monthly wise, I have tried but am not getting the relevant output, here by clicking previous and next button to get the month value from this div $('div.fc-center').text() and to fetch those value by month_year...
sardhar_test m
1

votes
0

answer
153

Views

Fullcalendar will not load events

We are trying to get Fullcalendar to show some events. We are getting the events from an ajax call from our DB. Then in the ajax success handler we set the array to the events property on Fullcalendar $.ajax({ type: 'GET', contentType: 'application/json', url: '/api/Bookings/' + sessionStorage.getIt...
Boris Grunwald
1

votes
1

answer
122

Views

Cannot implement fullcalendar tooltip

I am trying to add tooltip to fullcalendar. I use angular 2 module (ap-angular2-fullcalendar). The tooltip needs to be created programmatically so the tooltip content match the event content (example: description). I tried to use qtip and material MatToolTip libraries but without success (I managed...
Adam007
1

votes
0

answer
30

Views

FullCalendar Row Javascript

I've been trying to fix this 'lenghty' row right below the 9PM on my full calendar but I can't seem to figure out how. Anyone can help, perhaps?
D. Christopher

View additional questions