javascript - 全日历记住所选日期

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'};