3

我使用平面文件中的 json 可以正常加载数据。
我想在单击上一个/下一个时从该月份文件中加载每个月的数据。
使用阿贾克斯？事件：函数（开始、结束、回调） addEventSource - removeEventSource？其他？
允许 jQuery 对我来说仍然是一项正在进行的工作。

更新：我已经设置： viewDisplay: function(view) { var next = view.title; 警报（下一个）；}，这给了我月年点击下一个/上一个如何将其解析为 json-events.php

我试过 [split next] 事件：“json-events.php?month=month”，不...

4

3 回答 3

1

这不是使用 php，但您可以更改 getCalData() 中的 AJAX 调用来执行此操作。EventSource 将填充下一个数据。

我希望这会有所帮助。

$(document).ready(function () {

var calendar = $('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'resourceMonth'
    },
    defaultView: 'resourceWeek',


    eventSources: [ getCalData() ],
    header: {
        left: 'prev,next today',
        center: 'title',
        right: ''
    },
    viewDisplay: function (view) {
        $('#calendar').fullCalendar('removeEvents');
        $('#calendar').fullCalendar('addEventSource', getCalData());
        $('#calendar').fullCalendar('rerenderEvents');
    }
  });
});


function getCalData() {

var source = [{}];
$.ajax({
    async: false,
    url: '/mysite/GetWeekData',
    data: { myParam: $('#calendar').fullCalendar('getView').visStart },
    success: function (data) {
        $(data).each(function () {
            source.push({
                title: $(this).attr('title'),
                start: $(this).attr('start'),
            });
        });
    },
    error: function () {
        alert('could not get the data');
    },
});
return source;
}
于 2014-01-24T16:50:13.540 回答
0

fullcalendar 在获取事件时默认发送 2 个附加参数，params[:start], params[:end] 你可以使用它们返回这两个值之间的查询事件

于 2014-06-16T13:13:52.863 回答
0

您可以将 View Render 属性添加到 fullcalendar 的配置对象

viewRender: function(view, element) {

 //console.debug("View Changed: ",view.start, view.end);

// events = loadevents();

 jQuery(nativeelement).fullCalendar('removeEvents');

 jQuery(nativeelement).fullCalendar('addEventSource', events);
 }

现在您可以逐月加载。angular2 的这种语法

于 2016-11-11T20:28:06.283 回答