fullcalendar

Setting Fullcalendar Cell Background Color

£可爱£侵袭症+ 提交于 2019-12-03 12:25:44
问题 I saw several topics on how to set the background color of a cell in fullcalendar, but none of them worked for me. I guess the calendar used to list the days using their date as such .fc-day5 or .fc-day17, but in version 1.6.2 it doesn't anymore. I have a list of several events that are being rendered and I want to set their cell color (the entire day cell, not only the event cell) to a specific color. I use 'eventRender' to try to set a class eventRender: function (event, element, monthView)

How can get start and end time on fullcalendar?

独自空忆成欢 提交于 2019-12-03 10:48:00
how can i get start and end time of visible days in fullcalendar? I need it for use in another javascript instace. Is there some function like - $('calender').getStartTime(); ? If you're looking for the visible start and end date, that would be the visStart and visEnd property of the view object in version 1 : $('calender').fullCalendar('getView').visStart $('calender').fullCalendar('getView').visEnd and that would be intervalStart and intervalEnd in version 2 : $('calender').fullCalendar('getView').intervalStart $('calender').fullCalendar('getView').intervalEnd If you're looking for the start

FullCalendar 2.3.0 Change day colour on hover

匿名 (未验证) 提交于 2019-12-03 10:24:21
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: 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.

2 way syncing with Google Calendar/Outlook

只谈情不闲聊 提交于 2019-12-03 09:30:27
问题 I am using FullCalendar in my application to display events created via our own application. I have an add/edit form for creating/updating events. These events are stored in the db used by application. I need to move further from this and need to sync Google and Outlook calendars into my calendar. This should be 2 way syncing i.e If I create/edit/update an event in my calendar it should be created/edited/deleted in Google/Outlook calendars. It should be vice-versa too. If I am doing some

jQuery fullCalendar + Fancybox popup to edit event

纵然是瞬间 提交于 2019-12-03 09:05:47
I am generating events on fullCalendar with this code <script type="text/javascript"> $(document).ready(function() { $('#calendar').fullCalendar({ // put your options and callbacks here header: { right: 'today month,agendaWeek,agendaDay prev,next' }, events: [ <?php foreach($cal_data as $row): ?> { title : '<?php echo $row->plant_name . ' ' . $row->value_2; ?>', start : '<?php echo $row->date . ' ' . $row->time; ?>', allDay: false, url : '<?php echo base_url() . 'events/events_edit/' . $row->record_id; ?>' }, <?php endforeach; ?> ], }); }); </script> This works fine for data display. When I

FullCalendar showing event in month view but not day and week view?

匿名 (未验证) 提交于 2019-12-03 08:54:24
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I'm working with FullCalendar fetching events from a json feed. However, I've run into a problem. The calendar shows my event just fine in the month view, but when going to the day/week in day-view and week-view, the even is not shown? My initialization of fullcalendar looks like this: My feed returns the following json: [{"id":"7","title":"Elias (10:00)","start":1359108000,"end":1359109800,"url":"\/tidsbestillinger\/edit\/"}] Any ideas why this is happening? 回答1: Solved! Had to set allDayDefault: false, while initializing FullCalendar.

how to update an event in fullCalendar?

安稳与你 提交于 2019-12-03 08:28:48
I want to update my json in fullcalendar, Here is what I am exactly trying to do. I have a JSON string which I am directly trying to feed in to the event objects in the full calendar. --> var JSON[ { "id": "1", // Optional "title": "Demo event", // Required "start": "2013-08-28 10:20:00", // Required "end": "2013-08-28 11:00:00", // Optional "allDay": false, // Optional "url": "http://google.com", // Optional, will not open because of browser-iframe security issues "className": "test-class", // Optional "editable": true, // Optional "color": "yellow", // Optional "borderColor": "red", //

fullcalendar.js - deleting event on button click

橙三吉。 提交于 2019-12-03 07:14:13
问题 I am using the fullCalendar.js and the current problem is making i lose so much time on something that might be simple to whose understand javascript (more specific jquery) better than me. The link of my example is at the bottom but my main concern is this part: eventClick: function(event){ $(".closon").click(function() { $('#calendar').fullCalendar('removeEvents',event._id); }); }, I want to delete an event from the calendar with my close button and not on direct click of the event. I

create event with fullcalendar when clicking on calendar (rails)

蹲街弑〆低调 提交于 2019-12-03 06:18:55
How do you create an event when the user clicks on any part of the calendar? and then store it in the database as a new event? I know you have to use: select: function(start, end, allDay) to get the "start" and "end" times. But after I get this data how do I pass it to the database? Thanks! You may use an ajax request to store the new event in your DB. There is a demo on the projects homepage, which can easily be adapted. Via jQuery for example like this : select: function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { calendar.fullCalendar('renderEvent', { title: title

How can I load all events on calendar using Ajax?

China☆狼群 提交于 2019-12-03 06:01:13
问题 I want to load all events on FullCalendar using AJAX when I clicked next-previous-button in agenda-views . I guess, when will click on next-previous-button then I'll send current date('y-m-d') to url: 'fetch-events.php' then it will return event{ id: ,title: , start: , end: , allDay: } format data for rendering on calendar $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, selectable: false, selectHelper: false, editable: