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。最后一个参数是可选的，具体取决于您是否稍后刷新事件数据源...如果您希望它在这种情况下说，请将其设置为true，否则您可以将其关闭。

单击div后，将新数据添加到Jquery

1 个答案: