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

Limit the data access based on start and end date for full calendar

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

为了检索事件,我需要将屏幕上选择的开始日期和结束日期传递给通用处理程序,即 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'
                }
    ]
});

你真的不需要做任何事情。如果您将事件定义为 JSON 供稿(看起来您就是这样),请在此处查看文档:http://fullcalendar.io/docs/event_data/events_json_feed/

"FullCalendar will visit the URL whenever it needs new event data. This happens when the user clicks prev/next or changes views. FullCalendar will determine the date-range it needs events for and will pass that information along in GET parameters."

所以您需要做的就是确保服务器端处理程序中的方法可以接收开始和结束日期参数并适当地限制它的数据returns。