Adding new data to Jquery after clicking a div

Question

Hi Friends
Here is a code of full calendar i am using

$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'agendaWeek,agendaDay'
},
editable: true,
events: [
{
title: 'All Day Event',
start: new Date(y, m, 1),
},
{
title: 'Long Event',
start: new Date(y, m, d-5),
end: new Date(y, m, d-2)
}
]
});
});

what i need is i am having a "a href" tag in the page while i click on that link,i need to add following data to event of the calendar and the event should be became like this

events: [
{
title: 'All Day Event',
start: new Date(y, m, 1),
},
{
title: 'Meet Thomas Antony',
start: new Date(y, m, 1),
},
{
title: 'Meet Mathew',
start: new Date(y, m, 1),
},
{
title: 'Long Event',
start: new Date(y, m, d-5),
end: new Date(y, m, d-2)
}
]

which means

{
title: 'Meet Thomas Antony',
start: new Date(y, m, 1),
},
{
title: 'Meet Mathew',
start: new Date(y, m, 1),
},

should be added to events on time of clicking a link tag, how can i do that?

Answer 1

There's a renderEvent method in fullCalendar for this:

$('#calendar').fullCalendar('renderEvent', {
  title: 'Meet Thomas Antony',
  start: new Date(y, m, 1)
}, true).fullCalendar('addEvent', {
  title: 'Meet Mathew',
  start: new Date(y, m, 1)
}, true);

In a full example you'd be looping though a collection, but you get the idea, just call .fullCalendar('renderEvent', eventObject, true). For a full event object property listing, look here. The last parameter is optional, depending of if you refresh the event data source later...if you want it to say in that case, set it to true, otherwise you can leave it off.