Fullcalendar记住所选的日期

Question

我正在使用Fullcalendar来选择假期，目前工作正常，直到选择为止。

我可以选择多个日期，但当我更改月份并返回Fullcalendar时，我不记得选择的日期。

我希望能够选择所有的日子，然后按下提交按钮，这样我就可以一键保存所有的日子。

我的javascript代码是：

var events= [{
        id : 0,
        title: 'All Day Event',
        start: new Date(2016, 3, 5)
    }];
    var i=1;
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            events: events,
            dayClick: function(date, jsEvent, view) {
                // change the day's background and save the day selected
                $(this).css('background-color', 'green');
                var temp={id: i, title: 'Holidays', start: new Date(date)};
                i=i+1;
                events.push(temp);
                $('#calendar').fullCalendar( 'renderEvent', temp );
            }
        });
    });

有什么建议吗？

谢谢。

Answer 1

您需要添加一个标志以使事件永久化，如下所示：

$('#calendar').fullCalendar({
     events: events,
     dayClick: function(date, jsEvent, view) {
         var temp={id: i, title: 'Holidays', start: new Date(date)};
         i=i+1;
         events.push(temp);
         $('#calendar').fullCalendar( 'renderEvent', temp, true );
    }
});

您还可以将"backgroundColor"添加到事件中以识别您的选择，因为当您来回移动时，设置表格单元格的背景颜色将丢失。

var temp={id: i, title: 'Holidays', start: new Date(date), backgroundColor: 'green'};