javascript - 只允许将事件保存到全日历中的特定月份

Question

我还有一个问题要向 fullcalendar 询问。

我想让这些东西只将事件保存到固定月份。其他月份应该是只读的。有没有办法实现这一点？

这是我的代码:

$j('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: '2017-05-12',
        selectable: true,
        selectOverlap: false,
        weekends: false,

        eventOverlap: false,

        select: function(start, end) {
            var title = prompt('Kostenstelle:');
            var eventData;
            id =   Date.now();
            if (title) {
                eventData = {
                    id: id,
                    title: title,
                    start: start,
                    end: end
                };
                $j('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
            }
            saveDay({'id': id,'title': title, 'start': start, 'end': end});
            $j('#calendar').fullCalendar('unselect');
        },

        eventResize: function (event, dayDelta, minuteDelta) {
            saveRange(event);
        },

        eventDrop: function (event, delta, revertFunc, jsEvent, ui, view ){
            saveDrop(event, view);
        },

        eventReceive: function (event, dayDelta, minuteDelta){
            saveDay(event);
        }, 

        eventRender: function(event, element) {
            if(event.className != 'disableDelete'){ element.append( "<span class='closeon'>x</span>" );}
            element.find(".closeon").click(function() {
                 $j('#calendar').fullCalendar('removeEvents',event._id);
                 deleteDay(event);
            });
        },



        droppable: true, // this allows things to be dropped onto the calendar
        drop: function() {
            // is the "remove after drop" checkbox checked?
            if ($j('#drop-remove').is(':checked')) {
                // if so, remove the element from the "Draggable Events" list
                $j(this).remove();
            }
        },
        editable: true
 });

用户应该能够查看其他月份，但不能设置事件。所以我想将其他日子设置为只读。是否可以？

谢谢!

Answer 1

您可以按如下方式执行此操作

var monthStartDate = new Date('1/1/2017');
var monthEndDate = new Date('1/31/2017');
// monthStartDate and monthEndDate is month range in which you want to save event
select: function(start, end) {
            if(start >= monthStartDate && start <= monthEndDate && end >= monthStartDate && end <= monthEndDate) {
                var title = prompt('Kostenstelle:');
                var eventData;
                id =   Date.now();
                if (title) {
                    eventData = {
                        id: id,
                        title: title,
                        start: start,
                        end: end
                    };
                    $j('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
                }
                saveDay({'id': id,'title': title, 'start': start, 'end': end});
                $j('#calendar').fullCalendar('unselect');
            }
 },

这将不允许保存 monthStartDate 和 monthEndDate 之间的事件。