fullcalendar

Hi everyone I have events array, on click of day I want to show event details in another panel. I have array with array within array format, I am not getting how to render this to get all the details of event including sub array details on that clicked day. Please see if you can help me with this or can suggest something in it. Here is my code below. $(window).load(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, editable: true, eventRender: function(event, element, view) { for (var i = 0; i <= event.products

Currently working on the jquery fullcalendar, I've been unable to add events to it from code behind. I've tried all of these possible solutions but none of them worked for me: Fullcalendar/Fetching JSON feed(Edited) fullCalendar events not showing even though correct JSON feed JQuery FullCalendar not displaying events from aspx page This is my code [WebMethod] public static String TestOnWebService() { int i = 1; string myJsonString = ""; List<object> myList = new List<object>(); dt = db.getPublicHolidays(); foreach (DataRow dr in dt.Rows) { var id = i; var title = dr["name"].ToString(); var

I am using JQuery Full Calendar in my application, but I need slightly different view, that is - in month view don't show tasks, just color days which have events associated to different color than days with no events. Then when user clicks this day in month view - a day view for this day is opened showing all the events. Is it possible to make such adjustment? Thank you kindly. I have done this by using two feeds My server returns feedBasic and feedComplex feedBasic will only show one event on the month no matter how many other of the same event are in there- Click on it and it will change to

I have a date in the future which is always 30 days ahead of the current date. It's stored in a Date object. I worked this out using: var currentDate = new Date(); var futureBlockDate = new Date(); futureBlockDate.setDate(currentDate.getDate() + 30); Using the FullCalendar jQuery plugin I want to visually block out any days past this date on the calendar with a different background colour so a user knows they can't click on them or create an event on those days. What is the best way to do this with the FullCalendar? Maybe disable all dates by default, and only enable for a specific range (from

I'm stuck with a project I get at work. I need to change the background color of some days. It's a calendar where the user should see, which days are available and which not. I found out that there is an attribute called "data-date", but I didn't found a possibility to use it. Is there any way to manipulate the background of specific days? I think there must be a way, cause the cell which shows the current date has another color too. Regin Larsen For the views month , basicWeek and basicDay you can change the rendering of the days by providing a dayRender function. E.g.: $("#calendar")

I want to add tooltip for the fullcalendar in year view. I tried with the below one but it added tooltip to month view. I tried with google but did not find anything related to this. Is there any other way to add a tooltip in year view? eventMouseover: function(calEvent,jsEvent) { xOffset = 10; yOffset = 30; $("body").append(calEvent.tooltip); $("#tooltip") .css("top",(jsEvent.clientY - xOffset) + "px") .css("left",(jsEvent.clientX + yOffset) + "px") .fadeIn("fast"); }, eventMouseout: function(calEvent,jsEvent) { $("#tooltip").remove(); } jincheng eventMouseover: function(calEvent, jsEvent) {

I would like to set the initial month to an arbitrary month when I call the function to display the calendar. Say for example the user selects a date last june (June 2011) somewhere else and I want fullcalendar to show up with a month display of April before (April 2010). And yes, this is just to make a case, not to make sense ;-) ) I tried to call 'gotodate' before I then subsequently call the display function but this doesn't seem to work $('#calendar').fullCalendar( 'gotoDate', currentdate); $('#calendar').fullCalendar({ header: {left: 'prevYear,prev,today,next,nextYear', center: 'title',