fullcalendar | 易学教程

fullCalendar jQuery, repeat every monday?

阅读更多关于 fullCalendar jQuery, repeat every monday?

问题 Normally this is a event in calendar: { title: 'Test', start: '2012-06-08', end: '2012-06-08', url: 'test/test' }, Works fine. Although how can i make 1 event that shows on every Monday in the calendar? Or every tuesday and so on depend on what weekday/number you enter? Whats the param if there exists one? If it does not exists, can I somehow modify and add the feature for making this happen? So you can enter a param like repeatEveryWeekDay: 2 (which is monday), then on all future mondays the

Disable timeslot ranges in jQuery fullcalendar plugin

阅读更多关于 Disable timeslot ranges in jQuery fullcalendar plugin

问题 I am developing a webapp and am using jQuery fullcalendar plugin. I need to somehow disable certain time-slots. The current method I am using is to add events for the time-slots I want to disable and disallow event overlapping. Is there a better way to do this? I rather not disallow event overlapping. I can live with the solution for the above problem: adding black timeslots and disallow the adding of timeslots in those areas. Nevertheless I have a more pressing problem. I need to be able to

fullcalendar passing js vars to rails and vice versa

阅读更多关于 fullcalendar passing js vars to rails and vice versa

问题 I have a rails app. I'm trying to integrate the fullcalendar into my app. For testing I created manually an event which shows up in the calendar after sending over with as_json to the browser. When I try to move (update) the event the js works but I can't save it to the db thanks to routing problems. In the code below I have it hard coded, so it works this way. If I use in the AJAX: url: the_event.recipientId + "/events/" + the_event.id then the console tells me: Started POST "/users/1/1

jquery fullcalendar event filtering

阅读更多关于 jquery fullcalendar event filtering

问题 Is there any method to dynamic filter events on client side in fullcalendar? When I get events from server (json_encoded) I assign my own parameter "school_id" to every event. After fullcalendar is ready, I want to dynamic filter events with "select". I add "select" element on page like this: <select id='school_selector'> <option value='all'>All schools</option> <option value='1'>school 1</option> <option value='2'>school 2</option> </select> And in javascript code I add: jQuery("#school

Fullcalendar event's end time is missing

阅读更多关于 Fullcalendar event's end time is missing

问题 I run Fullcalendar wih this options defaultEventMinutes:30, timeFormat: 'HH:mm { - HH:mm}', I have some events (30 min long each), but only their start time is shown. 10:00 - 14:30 - while dragging an event, its start and endtime appears as i should be. 10:00 - 10:30 14:30 - 15:00 回答1: I think the reason is that FullCalendar puts the title into the time div when there's not enough space to show the title on a separate line (which is typically the case when an event only spans 30 minutes).

Fullcalendar event cell background color

阅读更多关于 Fullcalendar event cell background color

问题 I'm using Fullcalendar with a Google Calendar so I can't apply a class to an event as far as I'm aware. What I want to do should be quite simple and I'm sure the answer will involve eventRender but I just can't get it working. Simply: change the entire background color of the cell that contains any event (all events are "all day" within the Google Calendar). What I'm trying to achieve is an "availability" state; any event is "unavailable" i.e. background color red. 回答1: Yes, you can do it

Display 2 weeks in jQuery FullCalendar

阅读更多关于 Display 2 weeks in jQuery FullCalendar

问题 Been looking around for a way to display only the current week and the next week in the month view for FullCalendar. So far it looks like it was suggested as a feature for an upcoming version, but in the meantime, has anyone been able to hack it in? UPDATE Thanks to Doomsday's suggestion, I was able to create a custom view that shows 2 weeks, starting on the current week. You are changing the visible start date to today's date and changing the row count to 2. function TwoWeeksView(element,

fullcalendar multiple cell select on mobile device?

阅读更多关于 fullcalendar multiple cell select on mobile device?

I have created a fullcalendar application for mobile device like Android and iPhone using Phonegap. I am using the Jquery Touch Punch Plugin along with the Jquery fullcalendar plugin. The 'select' method of fullcalendar is working fine on the web. I am able to select multiple cell on the month view of the full calendar on web browser. However, on the native android/iPhone app I am not able to select multiple cell(range of dates) of the calendar. All that happens is when I click on the cell to select range of dates then the 'select' method is triggered before allowing me to select multiple

'event' equivalent in firefox

阅读更多关于 'event' equivalent in firefox

问题 I am using the following code and it works perfectly fine in Chrome. function dayBind(xyzValue) { if(event.type == 'click') alert('Mouse Clicked') } Note that there was no 'event' variable passed to the function but still it was available for me in case of chrome. But when I use firefox I get 'event' undefined. I tried using the following workarounds: var e=arguments[0] || event; also: var e=window.event || event; But none of them worked for me. Is there any 'event' equivalent in Firefox? 回答1

Is there a way to prevent overlapping events in jQuery FullCalendar?

阅读更多关于 Is there a way to prevent overlapping events in jQuery FullCalendar?

问题 Is there a way to prevent overlapping events in jQuery FullCalendar? 回答1: I made a function that checks whether the given event is overlapping other or not. Returns true if the event is overlapping other and false otherwise. function isOverlapping(event){ var array = calendar.fullCalendar('clientEvents'); for(i in array){ if(array[i].id != event.id){ if(!(Date(array[i].start) >= Date(event.end) || Date(array[i].end) <= Date(event.start))){ return true; } } } return false; } You can use it