Добавление новых данных в Jquery после нажатия на div

Question

Вот код FullCalendar, который я использую:

$(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)
            }
        ]
    });
});

У меня есть элемент <a> на странице, и когда я нажимаю на эту ссылку, мне нужно добавить следующие данные в событие календаря, и событие должно стать таким

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)
    }
]

Что означает это ...:

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

... должен быть добавлен к событиям во время щелчка по тегу ссылки. Как я могу это сделать?

Answer 1

В fullCalendar есть метод renderEvent для этого:

$('#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);

В полном примере вы будете зацикливаться на коллекции, но вы поймете, просто позвоните .fullCalendar('renderEvent', eventObject, true). Полный список свойств объекта события см. Здесь . Последний параметр является необязательным, в зависимости от того, обновляете ли вы источник данных события позже ... если вы хотите, чтобы он говорил в этом случае, установите его на true, в противном случае вы можете его отключить.