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) {

问题 I have a calendar that is working successfully, but the load times are very slow. Each event is rendered successfully, but the user has to wait a good 5-10 seconds when switching views or navigating through the months/weeks/days. I have shown the event loading code below, is there anything I can do to it to make it load faster? Thanks <script type='text/javascript'> $(document).ready(function () { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear

问题 I have a calendar that is working successfully, but the load times are very slow. Each event is rendered successfully, but the user has to wait a good 5-10 seconds when switching views or navigating through the months/weeks/days. I have shown the event loading code below, is there anything I can do to it to make it load faster? Thanks <script type='text/javascript'> $(document).ready(function () { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear

问题 First of all thanks to Adam Shaw for his great Fullcalendar. I have a problem with the automatic day splitting, whenever an event belongs to two days. This works great in general, but is a problem in my specific use case: I modified AgendaWeekView to show multiple rooms side by side, so each day has multiple rows: 2011-01-01 | 2011-01-02 R1 | R2 | R3 | R1 | R2 | R3 I customize my events before giving them to Fullcalendar, mapping 2011-01-01 Room 1 at 2011-01-01, 2011-01-01 Room 2 at 2011-01

问题 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

问题 Using fullcalendar I need without page reloading to change slotDuration parameter depending on other conditions: I do in one case $('#calendar').fullCalendar('option', 'slotDuration', '00:15:00'); and in other case $('#calendar').fullCalendar('option', 'slotDuration', '00:30:00'); But looks like it does not work, as I always see fullcalendar with slotDuration=30 (2 slots) minutes, as it was called when initialized. If there is a way for this? 回答1: Now, you can set dynamically without

问题 I want to change the background color of an event on click. The below code is doing that, but I could not figure out how to get back to the default background color of the event when I click on another event. $(document).ready(function() { $("#adsm_calendar").fullCalendar({ height: 575, events :"/get_calander_events", eventClick:function(cal_event){ cal_event.backgroundColor = 'blue'; $('#adsm_calendar').fullCalendar( 'rerenderEvents' ); $.ajax("<%= the_path %>", { type: "POST", data: { id:

问题 I want to display slotMinutes of 15 for my calendar. But it's not working. It works well on this Fiddle $(document).ready(function() { var calendar = $('#calendar').fullCalendar({ defaultView: 'agendaWeek', editable: true, slotMinutes: 15, selectable: true, //header and other values select: function(start, end, allDay) { endtime = $.fullCalendar.formatDate(end,'h:mm tt'); starttime = $.fullCalendar.formatDate(start,'ddd, MMM d, h:mm tt'); var mywhen = starttime + ' - ' + endtime; $('

问题 I'm using wordpress, formidable forms and full calendar to create a bespoke calendar solution I have everything working except for I'd like to add a font awesome icon at the front of each title in the calendar. If I add any html in the title like my code below I just see the code printed and not the final results. $('#calendar').fullCalendar({ events: [ { title : '<i class="fa fa-asterisk"></i>event1', start : '2010-01-01' }, { title : 'event2', start : '2010-01-05', end : '2010-01-07' }, {

问题 At the beginning of the script, I have many options passed on to the calendar. After it is initialized, executing the following doesn't change the view of the existing calendar, but creates a new calendar instead : $('.calendar-container').fullCalendar({ defaultView: 'agendaWeek' }); Question: how do I change the view of the calendar which already exists in the .calendar-container div? 回答1: FullCalendar only supports change of a few options after initialization, like height, contentHeight and