fullcalendar

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

问题 I'm using angular and fullcalendar. I have (surprise) timezone-issues, and I can't seem to get it right. If in the weekview I click on 08.00 hours, I open a modal and show the time, I see 09.00 hours. timezone: "Europe/Brussels", ignoreTimezone: false, This is (atm) a +0100 timezone, and during summer a +0200 timezone The click-event: dayClick: function (date, jsEvent, view) { $scope.newEventDate = date; var modalInstance = $modal.open({ templateUrl: 'newRosterEvent', controller:

问题 I need to run some javascript code to reload the calendar when the user either clicks, day/week/month buttons. Is there any callback like dayButtonClicked() or something? BUG happening: when i first load the calendar. The initial view looks fine mine initially loads day. As soon as i load another view such as week. Every single entry is duplicated and showing both sources of data. If i then click back and forward between day and month again the data is back to normal. What is happening is the

问题 I need to run some javascript code to reload the calendar when the user either clicks, day/week/month buttons. Is there any callback like dayButtonClicked() or something? BUG happening: when i first load the calendar. The initial view looks fine mine initially loads day. As soon as i load another view such as week. Every single entry is duplicated and showing both sources of data. If i then click back and forward between day and month again the data is back to normal. What is happening is the

问题 I am having a little bit of trouble controlling the Full Calendar module as I would like. At the moment I have it so that the calendars getEvents method contacts an SQL table and returns all of the events for a user - that part works perfectly. The functionality I would like to add is to allow users to edit/delete events and have these changes be reflected in the database as they are made! By this I mean that in my table the user can drag and drop events to change their times, and when they

问题 I am having a little bit of trouble controlling the Full Calendar module as I would like. At the moment I have it so that the calendars getEvents method contacts an SQL table and returns all of the events for a user - that part works perfectly. The functionality I would like to add is to allow users to edit/delete events and have these changes be reflected in the database as they are made! By this I mean that in my table the user can drag and drop events to change their times, and when they

问题 I'm trying to change the height of an event (appointment) in FullCalendar. I followed the suggestion in this answer How to edit width of event in FullCalendar? The problem is that I'm not too sure how to set the height so that it's relative to the calendar size. I tried this: eventAfterRender: function (event, element, view) { $(element).css('height', '100%'); } but it actually shows as a thin sliver, ditto for 200%, as if it's not having an effect. This works: eventAfterRender: function

问题 I've the following code to fetch events: $('#calendar').fullCalendar({ theme: true, slotMinutes: 10, header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay', }, defaultView: 'agendaDay', allDaySlot: false, editable: false, events: "/cgi-bin/shlk/getshlkruns.pl" }); The output from getshlkruns.pl is fairly simple json feed: [{'title': 'Successful','start': 1266398223,'end': 1266398266,'url': '/shlk/cgi-bin/getshlkrunlog.pl?i=21'}] There are several events like

问题 How do I disable the draggable feature in the below FullCalendar example? While I do not want the "draggable" functionality, I still want the ability to click on a time slot and have the place holder appointment still render as normal. http://arshaw.com/js/fullcalendar/demos/selectable.html 回答1: $('#example').fullCalendar({ disableDragging: true }); thanks to https://stackoverflow.com/a/7907576/216084 回答2: currently not possible to limit the selection to a single slot but here is the issue

问题 I was wondering if there was a way in Arshaw's FullCalendar to: 1- Change the calendar from showing weekends to not show weekends and vice versa. 2- To dynamically change the timeslot interval from say 30 minutes to 60 minutes. In other words, what I am trying to do is: //Clicking the button that shows Saturday and Sunday too $('#weekend-yes').click(function(){ $('#weekend-yes').hide(); $('#weekend-no').fadeIn(); //HYPOTHETICALLY DO THIS $('#calendar').fullCalendar('option', 'weekends', true