I have done this in my fullcalendar and it’s working perfectly. you can add this code in your select function. select: function(start, end, allDay) { var check = $.fullCalendar.formatDate(start,’yyyy-MM-dd’); var today = $.fullCalendar.formatDate(new Date(),’yyyy-MM-dd’); if(check < today) { // Previous Day. show message if you want otherwise do nothing. // So it will be unselectable … Read more
if all else fails you can inspect which events are linked to your elements with visual event: http://www.sprymedia.co.uk/article/visual+event This adds an overlayer to any web page and let you visually inspect the JS code that’s linked to an element (it shows you the piece of code in a pop up). this way you can easily … Read more
try this: $(document).ready(function () { $(‘#calendar’).fullCalendar({ events: { url: ‘/myfeed’, data: function () { // a function that returns an object return { personId: $(‘#personDropDown’).val(), }; } }); $(‘#personDropDown’).change(function () { $(‘#calendar’).fullCalendar(‘refetchEvents’); }); });
I think the key word in the directions is exclusive so whatever time you specify will not be included in the date range. So in your case “2014-12-21T00:00:00.000Z” would mean that the event would no longer exists at the very beginning of 12-21. If you want the event to go through 12-21 you’d want to … Read more
I know this is an old question, but nobody has answered this correctly, so here you go… $(‘#example’).fullCalendar({ disableDragging: true });
You want to set the layout to 24 hour system or the events. If you want to add to the events, put like 22:00 ‘party’ then add timeFormat: ‘H:mm’ , to your json.php file. eventDrop: function (event, delta) { alert(event.title + ‘ was moved ‘ + delta + ‘ days\n’ + ‘(should probably update your … Read more
FullCalendar Documentation: http://arshaw.com/fullcalendar/docs/ Loading events as JSON: http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/ Render event: http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/ Render event example: fc.fullCalendar(‘renderEvent’, { ‘id’: 1, ‘title’: ‘Test Event 1’, ‘start’: ‘2009-11-05T13:15:30Z’, ‘end’: ‘2009-11-05T13:30:00Z’ }); Limit the display of available months: Fullcalendar limit the display of available months?
Bill, I know this question is pretty much ancient, but I needed a solution and figured I’d post it here for others. I solved the problem myself by attaching the viewDisplay event to my calendar (this event was removed in v2 of FullCalendar, viewRender may be used instead). $(“#calendar”).fullCalendar({ viewDisplay: function (element) { } }); … Read more
The best way is: viewRender: function(view, element) { var b = $(‘#calendar’).fullCalendar(‘getDate’); alert(b.format(‘L’)); },
I did this instead as the other views use the same class but not spans and I forced in the title from the event rather than making an additional request for the text. eventRender: function (event, element) { element.find(‘.fc-event-title’).html(event.title); } In v2, you may use: element.find(‘span.fc-title’).html(element.find(‘span.fc-title’).text()); The span class is fc-title as opposed to fc-event-title. … Read more