fullcalendar

I am trying to display a tooltip on angular UI calendarEvent's mouse-hover. I managed to do this as explained in the following thread, Tooltip for fullcalendar in year view $scope.eventMouseover = function (calEvent, jsEvent) { var tooltip = '<div class="tooltipevent">' + calEvent.description + '</div>'; $("body").append(tooltip); $(this).mouseover(function (e) { $(this).css('z-index', 10000); $('.tooltipevent').fadeIn('500'); $('.tooltipevent').fadeTo('10', 1.9); }).mousemove(function (e) { $('.tooltipevent').css('top', e.pageY + 10); $('.tooltipevent').css('left', e.pageX + 20); }); } $scope

I am newly working on FullCalendar . Following this thread I am able to go to a specific date when selected from a datepicker on my page. I am displaying FullCalendar in week view. My problem here is, in week view I am not able to apply the fc-state-highlight class on the date I have gone to. Even though the week has my required date, it is never highlighted. However, I am able to remove the same class from the current date by using $('.fc-today').removeClass('fc-state-highlight'); I need to add the above class to my gone-to-date. Any help would be greatly appreciated. EDIT: I have posted the

I have the following markup: I have a instance of fullcalendar. When clicking on a day (triggering the dayClick -callback), a bootstrap modal is opened, where the user can enter a title, and the start/end date. Once clicking on ok, those values provided, will be added to the calendar. Here's the code for that: function addTitle(){ //having a button onClick="addTitle()" var title = $('#add_date_title').val(); var startdate = $('#add_date_startdate').val(); var enddate = $('#add_date_enddate').val(); var end_split = enddate.split('-'); end_split[2]= parseInt(end_split[2])+parseInt("1"); enddate

I'm using Angular-UI Calendar (angular version of Arshaw's fullcalendar) and on EventRender I would like to add a Angular-UI-bootstrap popover to the event element. I have tried these (using coffeescript): eventRender: (event, element) -> element.find(".fc-event-inner").wrap("<div popover='I appeared on mouse enter!' popover-title='The title.' popover-trigger='mouseenter'></div>") and eventRender: (event, element) -> element.find(".fc-event-inner").wrap($compile("<div popover='I appeared on mouse enter!' popover-title='The title.' popover-trigger='mouseenter'></div>")($scope)) $scope.$apply()

I have really searched a lot about this, but I still haven't gotten through with my problem. I am creating a calendar (using the plugin fullcalendar and using codeigniter as the backend) that would display a tour and it's specific time span. So, in this case the title of the event would be the tour name, and for the duration of the tour, the start and end dates is to be fetched. I have already succeeded with the insertion of the data to the database, it's just that the events are not appearing on their respective dates. These are what I have coded so far: Controller: Calendar.php function view

I have a fullcalendar working with multiple calendars displayed in the month view. The different calendars are color coded. I have the calendars sorted by name on all views, but when they are rendered in the FullCalendar display they are sorted by title of the event. Is there anyway to override the default sort for the day? If you want to completely override the sorting by start date for allDaySlot, month, basics views. For example to sort them by color. 1.Initialise eventOrder to color. (html/php file you are using) eventOrder: 'color,start' 2.Change the compareSegs function. (fullcalendar.js

My apologies if this has been posted somewhere else, but I'm not exactly sure how to even phrase a search for this problem. Basically, I've got fullcalendar.js sitting in app/assets/javascripts/ . Within my application.js file (in the same folder of course) I've got the following... //= require jquery //= require jquery_ujs //= require foundation //= require_tree . So, as expected the fullcalender.js gets swept up in the asset compiling process and ends up in the application.js that is then served to the user. The problem comes in when I try to reference a function defined in fullcalendar.js