用fullcalendar导入iCal（ics）？

Question

要使用fullcalendar加载.ics文件需要做什么？ 不幸的是我无法使用php或.net。

Answer 1

你会需要的是写自己的扩展fullcalendar（类似于设置有fullcalendar的gcal.js）东西，你可以调用ical.js

你应该知道写一个完整的语法分析器可能相当耗费，所以你可能想要c除非你有一个强有力的理由，否则你的后台会坚持使用谷歌日历。

你要下去深化发展自己的分机为fullcalendar的路上，你可能想看看现有的jQuery的iCal解析器（here - 免责声明：我从来没有尝试过这个插件）

Answer 2

如果你有一个wordpress网站，那里有一个应用程序。 http://wordpress.org/extend/plugins/amr-ical-events-list/

如果您没有wordpress网站，请提供更多信息，以便人们可以更充分地就您的情况提出建议 - 有一些专用的icalendar脚本 - 我没有看过他们同时，这样无法保证任何如： http://phpicalendar.net/

Answer 3

您可以导入将其导入Google日历，然后将Google日历导入FullCalendar。

Answer 4

我设法做到了。没有我想象的那么难。我使用ical.js作为ics解析器。解析后，我得到一个包含ics中所有信息的json对象。然后遍历它并根据the definition of FullCalendar Event object构造事件对象。

下面是代码：

$.get(calendarUrl).then(function (data) { 
// parse the ics data 
var jcalData = ICAL.parse(data.trim()); 
var comp = new ICAL.Component(jcalData); 
var eventComps = comp.getAllSubcomponents("vevent"); 
// console.log(JSON.stringify(eventComps)); 
// map them to FullCalendar events 
var events = $.map(eventComps, function (item) { 
    if (item.getFirstPropertyValue("class") == "PRIVATE") { 
     return null; 
    } 
    else { 
     return { 
      "title": item.getFirstPropertyValue("summary") + ";", 
      "start": item.getFirstPropertyValue("dtstart").toJSDate(), 
      "end": item.getFirstPropertyValue("dtend").toJSDate(), 
      "location": item.getFirstPropertyValue("location") 
     }; 
    } 
}); 

// refresh the control 
calendarCtrl.fullCalendar('destroy'); 
calendarCtrl.fullCalendar({ 
    events: events, 
    timeFormat: "H:mm", 
    displayEventEnd: true, 
    eventRender: function (event, element) { 
     // console.log(element); 
     // append location 
     if (event.location != null && event.location != "") { 
      element.append("<span>" + event.location + "</span>"); 
     } 
    }, 
    header: { 
     left: 'title', 
     center: '', 
     right: 'today,month,basicWeek,listDay prev,next' 
    } 
}); 
});