单击div后向Jquery添加新数据

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)。有关完整的事件对象属性列表，请访问look here。最后一个参数是可选的，这取决于您是否刷新了您希望它在这种情况下声明的事件数据源later...if，将其设置为true，否则可以将其保留。