fullcalendar

jQuery fullCalendar displayed undefined on title

非 Y 不嫁゛ 提交于 2019-11-30 02:00:32
问题 i'm using jQuery fullcalendar on a ReactJs component. i have a <div id="calendar"></div> on the render method and on componentDidUpdate , i updated the calendar with the following codes: $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, events: _this.state.events, defaultView:'month', displayEventTime: false, editable: false, droppable: false, durationEditable: false }); and it shows "undefined" character on title. where

fullcalendar current time line on week view and day view

橙三吉。 提交于 2019-11-30 01:49:11
I understand that according to this issue ticket on google code http://code.google.com/p/fullcalendar/issues/detail?id=143 that there is a soloution floating around, however I cant seem to find it. I am wondering if anyone knows how to show a red solid line on the current time on the calendar function setTimeline(view) { var parentDiv = jQuery(".fc-agenda-slots:visible").parent(); var timeline = parentDiv.children(".timeline"); if (timeline.length == 0) { //if timeline isn't there, add it timeline = jQuery("<hr>").addClass("timeline"); parentDiv.prepend(timeline); } var curTime = new Date();

rerendering events in fullCalendar after Ajax database update

五迷三道 提交于 2019-11-30 00:13:57
I am trying to have fullCalendar reflect changes made to a database via AJAX. The problem is that it won't update the calendar on screen after a successful AJAX call. $.ajax({ type: "POST", url: "eventEditXHR.php", data: { //the data }, success: function(text) { $("#calendar").fullCalendar("refetchEvents"); }.... I'm I using the wrong method? What would be the best way to accomplish this without having to reload the whole page? Thanks for any input! There are several ways. Some less elegant. 1. If you are using FullCalendar to grab json events: $('#calendar').fullCalendar({ events: "json

Tiny version of fullcalendar [closed]

扶醉桌前 提交于 2019-11-29 21:47:16
I am hoping someone can tell me how to get a very small version of FullCalendar (or something similar) that will do a widget size calendar without titles, just colored blocks for dates with events that can be clicked on. I am using fullcalendar in a wordpress site which is great, but all the google calendar widgets out there really suck! You can make a fully functional tiny version by adding a bit of CSS. I had to add a "eventMouseover" callback to add the event name to the title attribute, so you can see it's name in the tooltip. Here is a screen shot of the mini-sized calendar (200 x 225)

jquery fullcalendar send custom parameter and refresh calendar with JSON

半腔热情 提交于 2019-11-29 20:49:25
im trying to use the jquery fullcalendar. The event data comes from the server using JSON. My page has a dropdown element and the fullcalendar div. What i need is to refresh the calendar each time the user changes the dropdown. The selected value of the dropdown should be posted to the server in order to fetch the new event data Here is my code $(document).ready(function() { $('#calendar').fullCalendar({ events: { url : '/myfeed', data : {personId : $('#personDropDown').val() } } }); $('#personDropDown').change(function(){ $('#calendar').fullCalendar('refetchEvents'); }); }); The code above

Any way to colorize specific days in FullCalendar?

跟風遠走 提交于 2019-11-29 17:37:11
问题 Using FullCalendar, is there any way I can programmatically colorize specific days differently than the rest of the days? For example, in the "month" or "week" views, I'd like to colorize days with no events on them "red", and days with some events (but not yet a full schedule) "yellow". Days with a full schedule would be colorized normally (white background). Are there any callbacks or CSS tags I can take advantage of to add this behavior? Thank you. 回答1: According to Regin's answer here you

Populating events in full calender javascript from the database

自闭症网瘾萝莉.ら 提交于 2019-11-29 17:29:24
I am making a booking system in php using codeigniter . Now I want to populate the events in full calender depending on the value I am fetching from the database. My code : <script src='<?php echo base_url();?>assets/fullcalendar/fullcalendar.min.js'></script> <?php $var=0; foreach($query->result() as $row) { $var++; $booking_date = $row->booking_date; $booking_start_time = $row->booking_start_time; } ?> <script> $(document).ready(function() { // page is now ready, initialize the calendar... var booking_date = '<?php echo $booking_date; ?>'; var booking_start_time = '<?php echo $booking_start

fullcalendar incorrect event end date after eventResize

生来就可爱ヽ(ⅴ<●) 提交于 2019-11-29 17:29:22
After resize an event, it returns an incorrect end date.. I don't understand why.. I'm using this code: $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,basicWeek,basicDay' }, defaultDate: '2014-11-07', editable: true, eventDrop: function(event){ event.start._i = event.start.format(); }, eventResize: function(event) { event.end._i = event.end.format(); }, eventLimit: true, // allow "more" link when too many events events: [{ id: 'All Day Event', title: 'All Day Event', start: '2014-11-03' }, { id: 'popo', title: 'popo', start: '2014-11-04T10:30:00

FullCalendar show only weekDays

匆匆过客 提交于 2019-11-29 16:43:17
Hello guys I'm trying to show a week timetable, I must show only the name of the date, without date. Such as time table in agenda view. User must be able to select a range in day of the week. For example John Doe Monday from 15:00 to 18:00, Martin Friday from 9:00 to 15:00, and so... I just try to create my personal view as "settimana" like this: $('#calendar').fullCalendar({ header: { left:'', center:'', right:'', }, editable: true, views: { settimana:{ type:'agendaWeek', duration: { days: 7 }, title: 'Apertura', } }, defaultView: 'settimana', }); How can I do it? What I must set in option

Getting id from eventReceive

给你一囗甜甜゛ 提交于 2019-11-29 16:41:32
I'm trying to get the id attribute value from my div and put in calendar . I've tried many ways without success. I have the following div that I created: vv_lista_servico = vv_lista_servico +"<div class='fc-event fc-list draggable' data-event='{\"id\":\""+item.id+"\"}' data-duration='00:30'>"+item.descr+"</div>"; When ready, I have the following html: <div class="fc-event fc-list draggable ui-draggable ui-draggable-handle" data-event="{"id":"244"}" data-duration="00:30">Test 1</div> When I dragging the event into fullcalendar my title and duration works and render on calendar, but the id does