如何使用scheduler.js在fullcalendar中添加事件?

时间:2016-09-21 08:59:56

标签: javascript fullcalendar scheduler

我不知道如何在fullcalendar scheduler.js中添加事件,有人可以帮助我吗?

我可以使用fullcalendar添加事件,但没有可用的scheduler.js。

当我将此代码添加到我的脚本时,事件不会添加

select: function(start, end) 
{
    this.title = prompt('Event Title:');
    this.eventData;
    if (this.title) {
        this.eventData = {
            title: this.title,
            start: start,
            end: end
        };
        $('#calendar').fullCalendar('renderEvent', this.eventData, true); // stick? = true
    }
    $('#calendar').fullCalendar('unselect');
},

1 个答案:

答案 0 :(得分:1)

您还需要加载资源并在事件中指定资源ID。所以,如果你把它们放在一起就可以了。试试这段代码。

 select: function(start, end) 
    {
        this.title = prompt('Event Title:');
        this.eventData;
        if (this.title) {
            this.eventData = {
                title: this.title,
                start: start,
                end: end,
                resourceId:['ResourceID1'] // Example  of resource ID
            };
            $('#calendar').fullCalendar('getResources')// This loads the resources your events are associated with(you have toload your resources as well )
            $('#calendar').fullCalendar('renderEvent', this.eventData, true); // stick? = true
        }
        $('#calendar').fullCalendar('unselect');
    },

资源示例如下:

$('#calendar').fullCalendar({
header: {left: 'prev,next today', center: 'title', right: ''},
                    selectable: true,
allDayDefault: false,
unselectAuto: false,
editable: false,
slotLabelFormat:"HH:mm",
resources: [[id:'ResourceID1', title:"Just a title"],[id:'ResourceID2', title:"Just a title part II"]]
})