我的完整日历代码在 Chrome、Firefox 中有效,但为什么在 Safari 中会出现问题?
My code for Full Calendar works in Chrome, Firefox but why is this breaking in Safari?
此代码适用于 Chrome 和 Firefox,但在 Safari 上,日历甚至不会加载到屏幕上。
基本上我需要从另一个网站自动提取事件数据,然后将其输入到完整日历中。其他网站发送事件详细信息的格式是具有属性 "name" 和 "time." 的数组 完整日历以名为 "events" 的数组形式获取事件详细信息,具有属性 "title" 和"start." 因此,使用下面的代码,我尝试重命名数组和属性以遵循完整日历的格式。然后在呈现日历的代码中,我调用该数组 "events"。它在 Chrome 和 Firefox 中工作,但在 Safari 上它不工作,控制台告诉我它在 属性 名称 "events" 之后期待一个“:”?我怎样才能让它与 Safari 一起使用?
var getEvents = function() {
$.ajax({
type: "GET",
url: API_ENDPOINT,
dataType: 'jsonp',
success: displayEvents
});
};
var displayEvents = function(data) {
var events = data.results;
function changeData(events) {
var start;
for (var i=0; i < events.length; i++) {
if (events[i].hasOwnProperty("name")) {
events[i]["title"] = events[i]["name"];
delete events[i]["name"];
}
if (events[i].hasOwnProperty("time")) {
events[i]["start"] = events[i]["time"];
delete events[i]["time"];
}
if (events[i].hasOwnProperty("start")) {
start = events[i].start;
events[i].start = new Date(start);
}
}
}
changeData(events);
console.log(events);
$('#calendar').fullCalendar({
events
});
}
getEvents();
只需更改$('#calendar').fullCalendar({ events });
到$('#calendar').fullCalendar({ events: events });
其中第一个 events
是您传递给 $.fullCalendar()
函数的对象的 属性 名称,第二个 events
是值,即您之前定义的变量。
此代码适用于 Chrome 和 Firefox,但在 Safari 上,日历甚至不会加载到屏幕上。
基本上我需要从另一个网站自动提取事件数据,然后将其输入到完整日历中。其他网站发送事件详细信息的格式是具有属性 "name" 和 "time." 的数组 完整日历以名为 "events" 的数组形式获取事件详细信息,具有属性 "title" 和"start." 因此,使用下面的代码,我尝试重命名数组和属性以遵循完整日历的格式。然后在呈现日历的代码中,我调用该数组 "events"。它在 Chrome 和 Firefox 中工作,但在 Safari 上它不工作,控制台告诉我它在 属性 名称 "events" 之后期待一个“:”?我怎样才能让它与 Safari 一起使用?
var getEvents = function() {
$.ajax({
type: "GET",
url: API_ENDPOINT,
dataType: 'jsonp',
success: displayEvents
});
};
var displayEvents = function(data) {
var events = data.results;
function changeData(events) {
var start;
for (var i=0; i < events.length; i++) {
if (events[i].hasOwnProperty("name")) {
events[i]["title"] = events[i]["name"];
delete events[i]["name"];
}
if (events[i].hasOwnProperty("time")) {
events[i]["start"] = events[i]["time"];
delete events[i]["time"];
}
if (events[i].hasOwnProperty("start")) {
start = events[i].start;
events[i].start = new Date(start);
}
}
}
changeData(events);
console.log(events);
$('#calendar').fullCalendar({
events
});
}
getEvents();
只需更改$('#calendar').fullCalendar({ events });
到$('#calendar').fullCalendar({ events: events });
其中第一个 events
是您传递给 $.fullCalendar()
函数的对象的 属性 名称,第二个 events
是值,即您之前定义的变量。