在 Fullcalendar 中更新事件

Question

我正在尝试更新 Fullcalendar 中的事件。我可以使用 ajax 调用打印事件，但是我不知道如何使这些事件可编辑。我一直在寻找互联网，这是我尝试过的，但它不起作用。

$(document).ready(function() {
$.get('/controls/calendar', function (data) {
        drawControl(data);
    });


// page is now ready, initialize the calendar...

function allControls(controls) {
    var arrayControls=[];
    for (i in controls) {
        var level= controls[i].level
        var day= controls[i].day
        var period=controls[i].period
        console.log(controls[i].period)
        arrayControls.push({title:level, start:day, description:"period", textColor: 'black'})
    }
        return arrayControls;
}



function drawControl(controls) {
        console.log(controls[0])

        $('#calendar').fullCalendar({
            aspectRatio: 1,
            contentHeight: 500,
            scrollTime: '24:00:00',
            minTime: '07:00:00',
            maxTime: '24:00:00',
            defaultView: 'agendaWeek',
            header:{left:"prev,next,today",
            center:"title",
            right:"month, agendaWeek, agendaDay"},



            events: allControls(controls),

            eventRender: function(event, element) {

                var bloodLevel=event.title

                if(bloodLevel >= 180) {
                    element.css('background-color', 'red');
                }
                else if(bloodLevel < 70) {
                    element.css('background-color', 'yellow');
                }
            },
            eventClick: function(event, element) {

            event.title = "CLICKED!";

            $('#calendar').fullCalendar('updateEvent', event);

}
            //
    // put your options and callbacks here
})

}

});

Answer 1

fullcalendar 中有一个选项。

$('#calendar').fullCalendar({
   editable : true,
});

您也可以针对特定事件执行此操作：

var event = {editable:true, start : moment(), end:moment()};