fullcalendar

I am trying to change the "event" background-color when I click the event in FullCalendar I am trying the following - $(document).ready(function() { $('#calendar').fullCalendar({ editable: true, events: "json-events.php", eventDrop: function(event, delta) { alert(event.id); }, loading: function(bool) { if (bool) $('#loading').show(); else $('#loading').hide(); }, eventClick: function(event){ $(event.target).css('background-color','yellow'); } }); }); This however does nothing. Can this be done and can someone point me in the right direction? Thanks eventClick: function(event) { event

I need to detect other events in the same day. What I hope to be able to do, is find if an event of eventClass X exists in the same day as a dropped event of eventClass Y. If not it would warn the user, that an eventClass X does not exist, else allow the user to drop the event. Is this possible? Tom Well after probing around in the docs and a little experimenting, I arrived at a solution using the clientEvents method: eventDrop: function( event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view ) { // see if its a concept class event if (event.className == 'conceptclass'){ // create

Is it possible to highlight cells in full calendar based on start and end date in agendaWeek view. Any help is really appreciated. My problem is in select event, based on start and end time i want to change the color of cells based on end and start time, just like when i add an event. Thanks in advance. var calendar = $('#eventCal').fullCalendar({ header:{left:'prev,next today', center:'title', right:'month,agendaWeek,agendaDay'}, selectable:true, /*selectable: { month: false, agenda: true },*/ defaultView:'${params.calView}', ignoreTimezone:true, allDayDefault:false, unselectAuto:false,

I’m working in a project in which I need to use the Google Calendar (or similar) to provide the calendar functionality. However, every time a task is added to the calendar I need it to be added to my own database too. Also, I may want to sort which data goes to each place. For example, I’m scheduling an activity for a certain day and time and with a certain title and description and this last parameter is stored only in my DB, whilst the other 3 are stored both in the Google Calendar back-end (as it normally happens) and in my database. I browsed the internet for a solution and found this

I set my fullcalendar to have 15 minute slots, however it is not showing the minute breakouts. For example, it will show 9am, 10am, 11am, etc. but not 9am, 9:15am, 9:30am, etc. It shows the minute breakouts for other slots like 10 minutes, but I can't get it to work for 15. I've looked around and saw this post: How to show all text on the axis for each minute slots rather than just 6am, 7am etc but I can't find the function that user is referring to in his proposed resolution. Perhaps the script was updated since then. Does anyone know how I can get the minute breakouts to show? I know it has

I have 2 Jquery fullcalendar controls on my page. I want to be able to click on a day on the 1st calendar which is in 'month mode', and then set the 2nd calendar which is by default using the AgengaDay view, to the day that has been clicked on the 1st calendar? I've tried the following: $('#firstCalendar').fullCalendar({ dayClick: function (date, allDay, jsEvent, view) { $('#secondcalendary').fullCalendar('select', date, date, allDay); } }); but it doesn't seem to work Here you go--- Its not that difficult actually. Click on the Cal1 day and the Cal2 Changes! http://jsfiddle.net/ppumkin/A56LN/

I've configured my FullCalendar to pull its events from an AJAX request, but they don't render on the calendar when the page is first loaded. $(document).ready(function() { sh1client = new Array(); sh2client = new Array(); $('#sh1_cal').fullCalendar({ height: 1000, minTime:'9:00am', maxTime:'5:00pm', editable: false, events: function(start, end, callback) { $.ajax({ type: 'GET', url: 'http://localhost:8080/getEvents', dataType: 'json', success: function(reply) { console.log(reply.first); callback(reply.first); } }); } }); $("#sh1_cal").fullCalendar('addEventSource', sh1client); // these are

How to display multiple user events in a single page in fullcalendar group by user name? It's not built in, but I'm doing it using the eventAfterRender method to modify the width and left position of the events based on an index value that is set in the feed generator. For example: Events from user1 have a base left offset of 0px, user2 200px, user3 300px, etc and the width of the events is based on the overall width divided by the number of users. Handling overlapping events, etc was a bit of a pain, but worked out nicely in the end. I believe what sweetie is asking for is multi-user displays