数据未在全日历中发布?

Question

我有这段代码：

$('#calendar_1').fullCalendar({
header :
{
left : 'prev,next today',
center : 'title',
right : 'month,agendaWeek,agendaDay'
},
defaultView : 'month',
eventSources: [
{
url: 'holidays.php',
type: 'POST',
data : {
sdate : $("#calendar_1").fullCalendar('getView').intervalStart,
common : 'Common'
},
error: function() {
alert('there was an error while fetching events!');
},
color: 'yellow',   // a non-ajax option
textColor: 'black' // a non-ajax option
}
],
eventRender : function(event, element, view) {
var date = event.start.format("YYYY-MM-DD");
$(view.el[0]).find('.fc-day[data-date='+ date +']').css('background-color','#FAA732');
}
});

现在这就是我得到的print_r($_POST)：

Array
(
[common] => Common
[start] => 2017-12-31
[end] => 2018-02-11
) 

如您所见，结果中没有"日期"。 是的，我的结果中有"开始"，但这是在日历中可见的第一天，而不是该月的第一天。所以，任何人都可以帮我如何发布？

Answer 1

根据fullCalendar建议的方法，您应该使用自动提供的start和end参数来分隔服务器发送的数据，而不需要其他日期。然后，如果您有其他具有不同时间段(例如周或日)的视图，或者具有较小/较大可见范围的某些自定义视图，它将获取这些特定日期所需的确切数据。

无论如何，不会传输您的sdate值，因为您提供的data对象是完全静态的。 fullCalendar 在日历初始化时摄取它，然后保持原样。您提供了一个对象，而不是要重新运行的代码，因此在发出 ajax 请求时它无法再次检查开始日期。在那一刻，我认为视图不会有间隔开始日期，因为它没有初始化。

如果你真的想做这种动态值，那么你必须提供一个回调函数，fullCalendar 可以实际执行每个请求并动态构建一个对象。

data: function() { // a function that returns a new object dynamically for every ajax request, instead of a static object
return {
sdate : $("#calendar_1").fullCalendar('getView').intervalStart,
common : 'Common'
};
}

但是，由于您要使用的特定值，您在第一次加载日历时仍然会遇到问题，因为当 ajax 请求启动时不会呈现视图，并且您将无法访问其属性，包括 intervalStart - 它们将为 null。在后续运行中，视图将尚未更改，并且您将获得的 intervalStart 值将是您要离开的月份的值。 老实说，我认为这实际上不是一个可行的方法。请参阅 http://jsfiddle.net/sbxpv25p/88/以获取演示，该演示将向您展示问题。

其中大部分内容都记录并在此处演示： https://fullcalendar.io/docs/event_data/events_json_feed/