fullcalendar

I would like to use the angular material datepicker as a widget to control an instance of fullCalendar. Is there a way to force it to stay alway open and in a particular div? I know how to do it easily with bootstrap or jqueryUI but I would not want to add an extra dependency to my project. Well, you can get that to work with some CSS, but the internal scroll position of the month scroller starts always at the top (1932). md-calendar is the internal directive that renders the datepicker, so just use that. <md-calendar class="fixed-calendar" ng-model="myDate"></md-calendar> And set the CSS to

I'm using Adam Shaw's FullCalendar control along with jQuery. I would like to add a context menu to events and days. I was able to achieve so by using Martin Wendt's Context Menu control . My code for registering the menu on events looks like this: $('#calendar').fullCalendar({ // Other arguments eventRender: function (event, element) { var originalClass = element[0].className; element[0].className = originalClass + ' hasmenu'; }, dayRender: function (day, cell) { var originalClass = cell[0].className; cell[0].className = originalClass + ' hasmenu'; }); }); I'm essentially adding a class

Full calendar have no included options to work-time feature (selecting first and last rows in agenda view for any day - where in example company is not working). I managed something like that: viewDisplay: function(view){ $.ajax({ url: 'index.php?r=calendar/Default/worktime', dataType: 'json', success: function(data){ if(view.name=='agendaWeek') selectWorkTime(data, 30, 0, 24, false); else if(view.name=='agendaDay') selectDayWorkTime(data, 30, 0, 24, view, false); } }); } Where index.php?r=calendar/Default/worktime is php file returning json. It looks like that: $arr = array( 'mon' => array('8

I would like to change the color of the past events, I guess I need to add a class to them but that is the problem, how I do that? it would be best to add the class to the "className" attribute of the event object http://arshaw.com/fullcalendar/docs/event_data/Event_Object/ As per FullCalendar v1.6.4 Style past events in css: .fc-past{background-color:red;} Style future events in css: .fc-future{background-color:red;} medinauta I did it (hard coding): Before rendering: var hoy = new Date;// get today's date hoy = parseInt((hoy.getTime()) / 1000); //get today date in unix When creating the html