用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' 
    } 
}); 
});