fullcalendar

How to check event is already exist for a day - fullcalendar

删除回忆录丶 提交于 2019-12-03 20:58:57
How to check event is already exist for a day while using renderEvent method. I have found may answer in in stack for dayClick with clientEvents , I am not sure how it use for renderEvent . var diffDay = 5; for (var i = 0; i < diffDay; i++) { var copiedEventObject = $.extend({}, originalEventObject); var newDay = new Date(event.start); copiedEventObject.start = newDay; $inlineCalendar.fullCalendar('renderEvent', copiedEventObject, true); } I am looking a if condition like below or any other solution if(....Condition?....){ $inlineCalendar.fullCalendar('renderEvent', copiedEventObject, true); }

FullCalendar date format

不羁岁月 提交于 2019-12-03 18:04:54
问题 Want to find the way to change the default date format in FullCalendar. Actually, it is: Tue Aug 13 2013 18:00:00 GMT-0400 (EDT) I want: 2013-08-13 Thanks. 回答1: For information specific to the FullCalendar, you probably need to see this, which gives you some formating rules. There's some more information here that might be useful. Yet, you can do so with JavaScript directly if you need this date format in an interface between the FullCalendar and other package or your own code: If you want

How to combine jquery date-picker and jquery full calendar

青春壹個敷衍的年華 提交于 2019-12-03 16:59:52
Can any one tell me how I could update a selection in a date picker to a full calendar ie When user selects date from DatePicker then FullCalendar loads events for given date. Take a look at this : Issue 167: Mini Calender to control Main Calender . Or make the combination with following example : $(document).ready(function() { $("#fullcalendar").fullCalendar({ // ..... }); $('#datepicker').datepicker({ inline: true, onSelect: function(dateText, inst) { var d = new Date(dateText); $('#fullcalendar').fullCalendar('gotoDate', d); } }); } <div id="fullcalendar"></div> <div id="datepicker"></div>

Javascript Fullcalendar - copying events

拜拜、爱过 提交于 2019-12-03 16:36:21
I'm using Fullcalendar (http://arshaw.com/fullcalendar) in my project. It gets events via json source. I want to give the user option to copy one event on the calendar to other day - and I'd like to use dragging for that (well, that's the client's requirement). But dragging seems like moving an event, not copying - is there any way to get the "copy" of an event being dragged (or copy stay in original place), so it looks like a copy operation? I tried to copy event object in eventDragStart callback, but it didn't work. Below is my solution that allows the user to hold shift key to copy events.

In fullCalendar change slotDuration without page reloading

蹲街弑〆低调 提交于 2019-12-03 16:26:00
Using fullcalendar I need without page reloading to change slotDuration parameter depending on other conditions: I do in one case $('#calendar').fullCalendar('option', 'slotDuration', '00:15:00'); and in other case $('#calendar').fullCalendar('option', 'slotDuration', '00:30:00'); But looks like it does not work, as I always see fullcalendar with slotDuration=30 (2 slots) minutes, as it was called when initialized. If there is a way for this? Now, you can set dynamically without destorying the calendar . $('#cc-calendar') .fullCalendar('option','slotDuration','00:10:00'); Here, we work with

Hover effect on one cell of agendaWeek + fullcalendar

江枫思渺然 提交于 2019-12-03 15:02:04
Hi I am using FullCalendar by Adam Shaw ( http://arshaw.com/fullcalendar/ ). I am using a month and agendaWeek view. I want to put in an hover effect when the user is hovering over a date in month view or a timeslot in agendaWeek view. I tried to change the css as follows: .fc-widget-content:hover { background-color: red; } This works for month view. File attached However, the same code selects the whole line in the agendaWeek view when I just need one timeslot to be highlighted. Example picture below shows the whole 1:00pm slot higlighted for everyday instead of just the timeslot in Wed 02-01

Insert event dynamically to Fullcalendar using Jquery

前提是你 提交于 2019-12-03 14:42:47
I am having trouble to add new event to fullCalendar using Jquery. I am using Eclipse to develop web and not familiar with Ajax at all and aperantly, it does not work with my eclipse. Everything is written inside a button.click function in jquery. var subject = $("#txtEventName").val(); //the title of the event var dateStart = $("#txtDate").val(); //the day the event takes place var dateEnd = $("#txtDateEnd").val(); //the day the event finishes var allDay = $("#alldayCheckbox").val(); //true: event all day, False:event from time to time var events=new Array(); event = new Object(); event.title

Change color of past events in Fullcalendar

£可爱£侵袭症+ 提交于 2019-12-03 14:07:11
I'm trying to implement this solution to "grey out" past events in Fullcalendar, but I'm not having any luck. I'm not too well versed in Javascript, though, so I assume I'm making some dumb mistakes. I've been putting the suggested code into fullcalendar.js, inside the call for daySegHTML(segs) around line 4587. I added the first two lines at the end of the function's initial var list (Why not, I figured)—so something like this: ... var leftCol; var rightCol; var left; var right; var skinCss; var hoy = new Date;// get today's date hoy = parseInt((hoy.getTime()) / 1000); //get today date in

fullcalendar google integration returns a 403 error?

走远了吗. 提交于 2019-12-03 13:44:31
问题 I'm experiencing a 403 forbidden error when trying to retrieve a google public calendar feed using fullcalendar. I notice the problem also exists on fullcalendar's demo is this a change from google? http://fullcalendar.io/js/fullcalendar-2.2.0/demos/gcal.html 回答1: Google has deprecated and shut down Calendar API v1 and v2. The "public/full" URL is no longer available. FullCalendar is being updated to support API v3. Once released you will be able to use a v3 style URL. First create an API key

click event in jQuery and right mouse clicking

 ̄綄美尐妖づ 提交于 2019-12-03 13:30:04
Does click trigger when right mouse button was clicked? I want to implement a right click kind of menu with full calendar, but it only has dayClick event, which I think is triggered only when left mouse button is clicked. I was thinking something like dayClick: function(date, allDay, jsEvent){ if (jsEvent.button === 1){ //show menu }else{ //do something with day } } but dayClick isn't triggered when right mouse is clicked....Any other ideas? Try binding mousedown to each FullCalndar event in your eventRender event: var events_array = [{ title: 'Test1', start: new Date(2013, 11, 20) }, { title: