fullcalendar

Dropping onto an event (as opposed to the calendar) - how to identify event?

懵懂的女人 提交于 2019-12-06 11:29:38
问题 I have successfully implemented dragging of a jquery-ui element onto my fullCalendar. The problem is that what I want to drop onto is not the calendar itself but a specific event displayed on the calendar in order to add the dropped item to the event. The missing piece is how to identify the event that was under the mouse when I dropped. drop: function (date, allDay, jsEvent, ui) { var event = ???; event.description += ui.helper.data("filters").text; $('#calendar').fullCalendar('updateEvent',

Fullcalendar show “end date” one day off

风流意气都作罢 提交于 2019-12-06 11:05:46
问题 Fullcalendar show "end date" one day off json is jan 12th, to 16th, but the calendar show 12th to 15th here is the code var calCon = $('.cal'); calCon.fullCalendar({ prev: 'left-single-arrow', firstDay: 1, weekends:true, weekNumbers:true, ignoreTimezone:false, allDayDefault:true, weekNumberCalculation:"ISO", defaultView:"basicWeek", timeFormat: 'H(:mm)', events: { url: "/calendarjson.xsp", cache: false } }) here is the json [{"color":"#3a87ad","id":"123","allday":"1","url":"/...","end":"2015

Skip Friday in Fullcalendar

陌路散爱 提交于 2019-12-06 10:15:03
I want to hide Friday in full calendar. Suppose In Dubai Friday is holiday. So how can i hide Friday from full calendar try this hack, either put it in your own css, or add to fullcalendar.css .fc-fri { display:none; } this assuming you already set weekends = true. But i dont know if this will mess up event rendering if you have things that extend through Friday... failing that, modify fullcalendar.js and look for "weekends", and an extra day to skipWeekend. 来源: https://stackoverflow.com/questions/4755889/skip-friday-in-fullcalendar

fullCalendar finding addtional events in the same day?

泄露秘密 提交于 2019-12-06 09:32:18
问题 I need to detect other events in the same day. What I hope to be able to do, is find if an event of eventClass X exists in the same day as a dropped event of eventClass Y. If not it would warn the user, that an eventClass X does not exist, else allow the user to drop the event. Is this possible? 回答1: Well after probing around in the docs and a little experimenting, I arrived at a solution using the clientEvents method: eventDrop: function( event, dayDelta, minuteDelta, allDay, revertFunc,

FullCalendar 2.3.0 Change day colour on hover

六月ゝ 毕业季﹏ 提交于 2019-12-06 09:18:13
I'm trying to change the day background colour on mouse hover. The hover event needs to be captured on .fc-bg .fc-day and .fc-content-skeleton .fc-day-number for this purpose. This works ok until I use background render events as allDay events, because then there is a third layer with class .fc-bg-event-skeleton which is lying on top of the other two layers. The events of the underlying elements are not fired anymore and because cells are rendered using a colspan I cannot highlight just one day if there are background render events in a row. Is there any possibility to highlight days on

formatTime with “h” instead of “:” as separator

不问归期 提交于 2019-12-06 06:01:28
We use the following 24 hour format for time in Portugal: 18h30 . I've tried: timeFormat: 'H'h'(mm)' timeFormat: {'H'h'(mm)'} timeFormat: 'H\h(mm)' Is it possible? Thank you. You need to use single quotes inside the javascript string to insert the letter h as literal text. The easiest way for this is to use double quotes as string delimiters, as in: timeFormat: "H'h'(mm)" For reference, if you want to use single quotes inside a single quoted string, use an escape for each quote, as in: timeFormat: 'H\'h\'(mm)' pab An up-to-date solution is reported here and works for FullCalendar2: formatTime

Adding a class to past events using Fullcalendar with Google Calendar

只愿长相守 提交于 2019-12-06 05:32:45
问题 I would like to change the color of the past events, I guess I need to add a class to them but that is the problem, how I do that? 回答1: it would be best to add the class to the "className" attribute of the event object http://arshaw.com/fullcalendar/docs/event_data/Event_Object/ 回答2: As per FullCalendar v1.6.4 Style past events in css: .fc-past{background-color:red;} Style future events in css: .fc-future{background-color:red;} 回答3: I did it (hard coding): Before rendering: var hoy = new Date

using emberjs didInsertElement to display two seperate calendars or two instances a jquery fullcalendar plugin object

独自空忆成欢 提交于 2019-12-06 05:25:42
I have a single calendar object displaying fine using jquery fullcalendar and emberjs. However, i need to display a separate second calendar or another jquery fullcalendar instance but the second calendar has so far failed to display. Here is fiddle showing it: http://jsfiddle.net/uUWqf/4/ . You will see in the fiddle that i tried calling didInsertElement: function() {} twice, but it still only displaying one calendar. However, when i use jquery fullcalendar without emberjs, the two separate calendars are displayed: http://jsfiddle.net/CH4qa/2/ . Is there a way to get this to work. Thanks for

How can I add line breaks into my event title in json

二次信任 提交于 2019-12-06 05:20:12
问题 one thing i can not get straight is the ability to add html without it being escaped or actually creating new lines here's my json: { "id": 30, "title": "Basics \n Awesome Abs & Butt Blast \n Danielle B", "start": "2010-05-11T08:00:00-04:00", "end": "2010-05-11T08:30:00-04:00", "allDay": false } and here's the code for it: [ <% @events.each do |e| %> { "id": <%= e.id -%>, "title": "<p><%= e.event_template.level %></p><p><%= e.monqi_class.title %></p><p><%= e.instructor.last_initial %></p>",

How does one set the background colour of individual cells rather than of events?

你。 提交于 2019-12-06 04:52:49
Rather than create events for Christmas and Easter and the like, I'd like to be able colour the date cells affected, and even perhaps have a grey translucent text for each event. Is there any easy way to do this in FullCalendar? EDIT It's been pointed out to me that fc-state-highlight is used to highlight fc-today, so perhaps a similar thing could be done, applying a css class to cells and defining it as "public holiday colour". A thought. The problem is how does one apply this class to the relevant dates such that it works within FC without breaking anything. This could be done using