fullcalendar

Add Icon(s) in first line of an event (fullCalendar)

自古美人都是妖i 提交于 2019-11-27 20:49:04
For specific attributes of an event to be displayed in the 'fullCalendar' matrix I would like to add icons to show them, for 'completed' an (i) button, or an URL symbol in case the event contains an URL link. I don't want to write any html string to one of the elements (fc-event-time/-title) in the <a> element, but define an additional element like this: <a> <span class="fc-event-time">15:15 - 16:15<br></span> **<span class="fc-event-icons"> ..some definitions for icons here ..</span>** <span class="fc-event-title">Fri Dille</span> </a> Any help here? Günter user2219484 Well this topic is old,

jquery full calendar: set a different color to each event from front-end

雨燕双飞 提交于 2019-11-27 20:11:46
问题 This is how I'm using the plugin: jQuery( document ).ready( function() { jQuery('#booking-calendar').fullCalendar({ header: { left: 'prev,next', center: 'title', right: 'month,basicWeek,basicDay' }, editable: true, events: '<?php echo get_template_directory_uri() ?>/bookings-feed.php' }); jQuery( '#apartment-selector' ).change( function() { apartment = jQuery( this ).val() jQuery('#booking-calendar').fullCalendar( 'removeEvents' ) jQuery('#booking-calendar').fullCalendar( 'addEventSource', {

Disable timeslot ranges in jQuery fullcalendar plugin

為{幸葍}努か 提交于 2019-11-27 19:06:28
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 change the background color of slots for certain time ranges. Ideally I would be using this in the

How do I disable drag and drop in fullcalendar

六眼飞鱼酱① 提交于 2019-11-27 17:10:11
问题 I am using FullCalendar throughout my project and i need to display it in one area of my site where events are not draggable but to remain highlighted in the month view. Any ideas please. 回答1: I know this is an old question, but nobody has answered this correctly, so here you go... $('#example').fullCalendar({ disableDragging: true }); 回答2: DisableDragging is replaced by: eventStartEditable (since version 1.6.3) http://arshaw.com/fullcalendar/docs/removed/disableDragging/ 回答3: You just need

Repeat fullcalendar events daily, monthly and yearly

点点圈 提交于 2019-11-27 16:52:24
问题 I want to make my events repeat every day, every month and every week. According to fullcalendar documentation events can be repeated weekly using dow parameters while rendering events. So, I also used this as to repeat daily with following code. [[id:7718, type:null, resourceIds:[13], title:Kas, start:2016-08-10T07:00:00.000+05:45, end:2016-08-10T22:00:00.000+05:45, allDay:false, note:dsadsa, member:, dow:[0,1,2,3,4,5,6], ranges:[[start:2016-08-10T07:00:00.000+05:45, end:2021-08-10T07:00:00

fullCalendar events post method to MySQL

廉价感情. 提交于 2019-11-27 16:51:04
问题 I am attempting to create a MySQL backed events interface, using fullCalendar and MySQL. I have tried to manipulate the examples in the fullCalendar documentation and have successfully created a events feed from my database. I am now trying to create a eventDrop call which sends an events id, title and start time to the database. I used the code from a previous question to create the eventDrop call, here is the JavaScript for the whole callendar page: $(document).ready(function() { /*

jQuery FullCalendar event sorting

坚强是说给别人听的谎言 提交于 2019-11-27 16:40:35
问题 I have numerous events that are all day events, and all start at the same time. I create the events in the order I would like them to appear on the full calendar view, but they always seem to be sorted some other way. How can I have the events sorted either alphabetically or by their id? EDIT: Adding example Array of data. In the calendar, I expected that the Supervisor event would appear first each day, as alphabetically it is before Tech1 and Tech2, and its id is a lessor number than the

fullcalendar passing js vars to rails and vice versa

a 夏天 提交于 2019-11-27 16:29:51
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/events/1" --> no route matches. If I use url: "/events/" + the_event.id then started POST "/events/1" -->

Fullcalendar event's end time is missing

孤街醉人 提交于 2019-11-27 15:12:01
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 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). When the time and the title are placed in the same div, FullCalendar only passes the start time to the date

Fullcalendar event cell background color

戏子无情 提交于 2019-11-27 14:53:45
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. Yes, you can do it with eventRender . You'll have to find the td that contains that event. If you inspect the fullCalendar, you'll