fullcalendar

FullCalendar dayClick not working (does nothing)

血红的双手。 提交于 2019-12-01 16:27:00
问题 I am trying to get the 'dayClick' function to work on FullCalendar, but when I press on any empty day, nothing happens. I have searched all over SO and cannot find any solutions or figure out what's going on. Here is my code: $(document).ready(function () { $('#calendar').fullCalendar({ header: { left: 'title', center: '', right: 'prev,next today' }, defaultView: 'month', weekends: false, editable: false, selectable: true, events: "/Home/GetEvents/", eventClick: function (calEvent, jsEvent,

add custom params to fullcalendar request

限于喜欢 提交于 2019-12-01 11:42:54
I'm want to add a parameter named foo to the request that fullcalendar submits when retrieving event data. According to the docs this can be achieved using: var getFoo() = function() { // implementation omitted }; $('#calendar').fullCalendar({ loading: function(isLoading) { // CAN I SOMEHOW UPDATE foo FROM HERE? }, events: { url: '/myfeed.php', type: 'POST', data: { foo: getFoo() } } }); I want the value of the foo parameter to be calculated each time the calendar event data is requested, but it seems that fullcalendar only calls getFoo() the first time it loads, then re-uses that value for

full calendar - associate clickable icons with events?

谁说我不能喝 提交于 2019-12-01 10:34:19
I want to append 4 icons each event on the calendar. Each icon should calls different function on click event. To be honest, I am not too good in CSS. I have tried the below code but the click event for these icon is not invoked. Instead events event is invoked. Is there anyway to append 4 icons with clickable event? Thank you in advance eventRender: function(event,element,calEvent) { element.find(".fc-event-title").after($("<span class=\"fc-event-icons\"></span>").html("<img src=\"/images/pass.png\" onclick=\"javascript:icons("+this.id+");\" /><img src=\"/images/pass.png\" onclick=\

full calendar - associate clickable icons with events?

妖精的绣舞 提交于 2019-12-01 09:40:28
问题 I want to append 4 icons each event on the calendar. Each icon should calls different function on click event. To be honest, I am not too good in CSS. I have tried the below code but the click event for these icon is not invoked. Instead events event is invoked. Is there anyway to append 4 icons with clickable event? Thank you in advance eventRender: function(event,element,calEvent) { element.find(".fc-event-title").after($("<span class=\"fc-event-icons\"></span>").html("<img src=\"/images

FullCalendar switch between weekends and no weekends

若如初见. 提交于 2019-12-01 09:29:29
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/false); }); If something like that is not possible, what would be the best workaround? I guess I could

add custom params to fullcalendar request

无人久伴 提交于 2019-12-01 09:04:32
问题 I'm want to add a parameter named foo to the request that fullcalendar submits when retrieving event data. According to the docs this can be achieved using: var getFoo() = function() { // implementation omitted }; $('#calendar').fullCalendar({ loading: function(isLoading) { // CAN I SOMEHOW UPDATE foo FROM HERE? }, events: { url: '/myfeed.php', type: 'POST', data: { foo: getFoo() } } }); I want the value of the foo parameter to be calculated each time the calendar event data is requested, but

FullCalendar events from asp.net ASHX page not displaying

℡╲_俬逩灬. 提交于 2019-12-01 08:39:14
I have been trying to add some events to the fullCalendar using a call to a ASHX page using the following code. Page script: <script type="text/javascript"> $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month, agendaWeek,agendaDay' }, events: 'FullCalendarEvents.ashx' }) }); </script> c# code: public class EventsData { public int id { get; set; } public string title { get; set; } public string start { get; set; } public string end { get; set; } public string url { get; set; } public int accountId { get; set; } } public

How to detect a click on a background event when two or more background events are on the same row in month view?

跟風遠走 提交于 2019-12-01 07:17:53
Can't seem to find an answer to this - so thought I'd give this a shot. I have read several answers on how to detect a click of a background event. Such as this: Detect click on background event What I've found, however, is that when two ore more background events are on the same row, only the last day rendered as a background event will contain the proper CSS target to allow detection. All the previous days on that row (month view is what I'm working in) will act as regular "dayClick" events, even though they are actually rendered as background events. For example, in this image, clicking on

Jquery FullCalendar change editable properties of particular event on a calendar

耗尽温柔 提交于 2019-12-01 06:55:40
I am currently using jQuery FullCalendar to create a scheduling application. In my application I need to set editable=false only for events which is not an event created by the logged in user; whereas, the event that is created by the logged in user should have editable= true. Can any on suggest me how I could set few editable property of event in a FullCalendar as false and few events as true. Set the master editable property to false and set the editable property of the event's that you want to be editable to true. $('#calendar').fullCalendar({ header: { left: 'prev,next today', center:

fullCalendar 1.5.3 multiple events created, unable to remove unselected events

那年仲夏 提交于 2019-12-01 06:34:41
Using fullCalendar, I allow a user to select a day in month view in a big calendar (#cal_big) and the corresponding small calendar in day view, with hours shown (#cal_small) will be displayed. Whenever the user selects an event (an hour or block of hours) in #cal_small, I will display a confirm/cancel modal. The confirm/cancel modal allows the user to either confirm the booking or cancel the booking (which semantically means that the user does not really want to book that slot after all). If the user confirms the booking, I make an ajax call to the server and registers the booking. Once the