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

本文关键字:日期 结束 访问 数据 开始 日历 | 更新日期: 2023-09-27 17:56:13

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

对于检索事件,我需要将屏幕上选择的开始日期和结束日期传递给通用处理程序,即 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会在需要新的事件数据时访问URL。当用户单击上一个/下一个或更改视图时,会发生这种情况。FullCalendar 将确定它需要事件的日期范围,并将该信息传递到 GET 参数中。

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