javascript - 如何更改fullcalendar中ajax发送的 'start'和 'end'参数？

Question

以下是通过 Ajax 请求 JSON 数据的 URL:

'/php/get-events.php?start=2015-05-31&end=2015-06-07&_=1433154089490'. 

因此它将返回从2015-05-31到2015-06-07的JSON数据。

但是我想检索更大时间范围内的数据(可能超过一个月或一年)。

因此，我需要更改 Ajax 参数“start”和“end”。

fullcalendar 文档建议使用 'startParam' 和 'endParam' 但它不起作用，即使我将其设置为 (YYYY-MM-DD) 格式或UNIX 时间戳 格式。

如何更改 fullcalendar 中的“开始”和“结束”参数？

感谢您的帮助。

更新:

function show() {
    var events = {
        url: 'php/get-events.php',
        data: {
            q:"", // my parameter
            code: "", // my parameter
            startDate: '2014-08-08', //fullcalendar parameter
            endDate: '2015-08-08', // fullcalendar parameter
        },
        success: function (JS){

        },
    }
    $('#calendar').fullCalendar('removeEventSource', events);
    $('#calendar').fullCalendar('addEventSource', events);
}

fullcalendar 会自动为每个 View 生成“开始”和“结束”参数( View 的开始日期和结束日期)。我需要更改这些以检索更广泛的时间范围数据(例如:一年多)。

Answer 1

据我了解，您想更改参数名称？我相信更改 startParama 和 endParam 不起作用，它们只允许您更改随请求发送的参数，默认情况下为 start 和结束。

一种方法是创建自定义 View ，否则这里是现有默认 View 的解决方案。首先设置一个您可以控制的全局 start 和 end 参数名称，例如:

window.fc_startParam = 'startDate';
window.fc_endParam = 'endDate';

然后你要修改success内的JS对象，如:

function show() {
    var events = {
        url: 'php/get-events.php',
        data: {
            q:"", // my parameter
            code: "", // my parameter
            startDate: '2014-08-08', //fullcalendar parameter
            endDate: '2015-08-08', // fullcalendar parameter
        },
        success: function (data){
            var events = Object
                .keys(data)
                .map(function(key) {
                    return data[key];
                })
                .map(function(post, index) {

                    var json = {
                        q: post.q,
                        code: post.code,
                        start: post[window.fc_startParam]
                        end: post[window.fc_endParam]
                    }

                    return json;

                });

            return events;

        },
    }
    $('#calendar').fullCalendar('removeEventSource', events);
    $('#calendar').fullCalendar('addEventSource', events);
}