Question

新日历的初学者我想从数据库中检索完整日历的事件，但我想限制或限制屏幕上显示的特定日期范围的数据

用于检索事件我需要将屏幕上选择的开始日期和结束日期传递给通用处理程序，即NewJosn.ashx

使用的示例代码是：

var calendar = $('#calendar').fullCalendar({
    theme: true,
    height: calHeight,
    allDaySlot: false,
    disableDragging: false,
    defaultView: 'agendaWeek',
    slotEventOverlap: false,
    slotMinutes: varTimeSlot,
    firstHour: startTimeNew,
    firstDay: varFirstDay,
    header: {
        left: '',
        center: 'prev,today,title,next',
        right: 'resourceDay,agendaWeek,month' //resourceDay
    },
    timeFormat: 'h(:mm)tt{ - h(:mm)}tt',
    axisFormat: 'h(:mm)tt',
    editable: true,
    events: 'NewJSON.ashx',
    eventDrop: eventDropped,
    eventClick: function (calEvent, jsEvent, view) {
    },
    viewDisplay: function (view) {   
    },
    eventMouseover: function (event, jsEvent, view) {
            $(jsEvent.target).attr('title', event.title);
    },
    eventMouseout: function (event, jsEvent, view) {
    },
    dayClick: function (date, allDay, jsEvent, view) {

    },
    eventAfterRender: function (event, element, view) {
    },
    resources: [
                {
                    name: 'Resource 1',
                    id: '1'
                },
                {
                    name: 'Resource 2',
                    id: '2'
                },
                {
                    name: 'Resource 3',
                    id: '3'
                },
                {
                    name: 'Resource 4',
                    id: '4'
                }
    ]
});

Answer 1

你真的不需要做任何事情。如果您将事件定义为JSON Feed，看起来就是这样，请参阅此处的文档：http://fullcalendar.io/docs/event_data/events_json_feed/

＆＃34;只要需要新的事件数据，FullCalendar就会访问该URL。当用户单击上一个/下一个或更改视图时会发生这种情况。 FullCalendar将确定它需要事件的日期范围，并将在GET参数中传递该信息。＆＃34;

因此，您需要做的就是确保服务器端处理程序中的方法可以接收开始和结束日期参数，并限制它正确返回的数据。

根据完整日历的开始和结束日期限制数据访问

1 个答案: