Issue 238: Way to drag external events onto the calendar
Status:  Released
Owner: ----
Closed:  Aug 2013
Reported by rowan.t...@gmail.com, Dec 9, 2009
What I'm trying to do is used the jQuery drag and drop to drag a div from
outside the calendar on to a day and have it create an event where its dropped.

But I can't seem to work out how to get a handle on the day that the mouse
is released on.
The only mouse event the days have is click, but this event isn't fired
when the mouse is dragged over and released.

Is there an easy way to do this that I'm missing?

Dec 11, 2009
#1 koz...@gmail.com
Sounds like a cool interface.  It seems fullcalendar needs dayMouseover and
dayMouseout methods for you to do this.  If I had time I would prototype it by
extending the fullcalendar plugin -- you may want to try this and submit it for
possible enhancement to library.  Or perhaps Adam will find time to implement for
next release.
Dec 22, 2009
Project Member #2 adamrs...@gmail.com
i've had a few questions from other people about how to implement this sort of interface.

its a little more complicated that attaching a mouseover/mouseout to the cell, b/c it
needs to work when the user is dragging an element is under the cursor, so the cell
won't get the natural mouseover event. internally, fullcalendar uses a special
coordinate system for this, so i should probably expose to allow for the
functionality you describe.

would an API such as this be good do you think?:

$('#externalevent').draggable({
	start: function() {
		$('#calendar').fullCalendar('startDrag');
	},
	stop: function() {
		var res = $('#calendar').fullCalendar('stopDrag'); // returns info about where it
was dropped
		$('#calendar').fullCalendar('renderEvent', {
			title: 'new event',
			start: res.date,
			allDay: res.allDay
		});
	}
});





Feb 6, 2010
Project Member #3 adamrs...@gmail.com
 Issue 303  has been merged into this issue.
Feb 6, 2010
Project Member #4 adamrs...@gmail.com
i agree, there should be some way for the api to do this easily
Status: Accepted
Labels: -Type-Defect Type-Enhancement
Feb 6, 2010
Project Member #5 adamrs...@gmail.com
(No comment was entered for this change.)
Summary: Way to drag external events onto the calendar
Mar 15, 2010
Project Member #6 adamrs...@gmail.com
i made this feature for a single client (under os license) and have yet to roll it into a 
release. the api is sort of sloppily done, but it works:

http://github.com/arshaw/fullcalendar/tree/fcdraggable

download the branch and run examples/external-event-drag.html

(if you can't get it working, i really can't spend time on supporting it yet)

hoping to make it much more elegant when i release it officially.
Mar 15, 2010
#7 MAGIC5...@gmail.com
Thanks, when would you estimate its released officially?
Apr 23, 2010
#8 ashishr....@gmail.com
hi, arshaw

We need some of your assistance for our university project which is at critical stage
now, please let us know how may we get in touch with you.

My mail address is ashishr.1988@gmail.com and we look forward to your support, for
some critical issues/features for the fullcalendar. Please help!
May 26, 2010
#9 nic.bour...@gmail.com
I've tried to adapt the fcdraggable branch for 1.4.5 unsuccessfully. Do you have a 
little more time than you did in march to support this part?
Jul 5, 2010
Project Member #10 adamrs...@gmail.com
hello all,
today i released version 1.4.7. it has this stuff released officially:

docs: http://arshaw.com/fullcalendar/docs/dropping/
example: http://arshaw.com/js/fullcalendar/examples/external-dragging.html

please post any bugs as separate issues.

in the future i'm hoping to add some helpers to make the "event adding" aspect a little easier (so you don't have to call renderEvent yourself)

thanks for your patience.
Status: Fixed
Jul 8, 2010
#11 VonPhan...@gmail.com
I'm trying to get this to work in MVC in a .aspx page. Everything looks great but when you drop an event it doesn't "stick". Any ideas?

Thanks.
Jul 9, 2010
#12 nic.bour...@gmail.com
While tis isn't related to the dragging itself, I did post a question on stackoverflow which is related with the stick as well (I use ASP.NET MVC2).

Here is the link: http://stackoverflow.com/questions/2926780/fullcalendar-implementing-a-custom-event-fetcher-using-event-as-function
Jul 23, 2010
#13 sfu%mone...@gtempaccount.com
In the "normalizeEvent(event, options)" function, at the end, there is the statement below:

  event.className = [];

What does that mean? What are those square brackets? 

Thanks.
Shen.



Dec 11, 2010
#14 sankarba...@sprin.in
hi,
I am new to jquery,but i want to disable or disable eventclick when previous date and time click.what os the soource code .kindly replay me immediately. 

Thanks ...
Aug 13, 2013
Project Member #15 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Implemented
Aug 13, 2013
Project Member #16 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Released