Fullcalendar: iCal (ics) support

[arshaw]

Originally reported on Google Code with ID 1313

Would be great if we could import ics files or if there was some documentation on how
to do so.

Reported by andrewmcmurry on 2012-02-22 23:57:06

Imported with 19 stars.

[arshaw]

Definitely. I need a ics webcalendar viewer for my local intranet.

Reported by quentin.denis on 2012-10-11 14:13:42

[arshaw]

Had great hopes for this but like others I need ICS support.

Reported by [email protected] on 2013-06-19 08:15:09

[arshaw]

Or are there at least approaches to make the FullCalendar compatible with jCal?
I first heard of jCal when reading the documentation to the new version of the Sabre
VObject Project (https://github.com/fruux/sabre-vobject/blob/master/doc/usage_3.md).

It looks like a Json-view of the iCalendar data ...

Any plans on supporting either iCalendar (ics) or jCal?

Reported by SimonSimCity on 2013-06-28 21:33:00

[arshaw]

I do this whith a read external ics-file, ics transform in json, json passed through
a php script which transform json into a array to create my own events...

Reported by elecoest on 2013-07-28 13:43:14

[arshaw]

I do this whith a read external ics-file, ics transform in json, json passed through
a php script which transform json into a array to create my own events...

Reported by elecoest on 2013-07-28 13:43:16

[arshaw]

Reported by adamrshaw on 2013-08-14 03:10:11

• Status changed: Accepted
• Labels added: Type-Feature
• Labels removed: Type-Enhancement

[arshaw]

Issue 1742 has been merged into this issue.

Reported by adamrshaw on 2013-08-15 16:34:21

[arshaw]

ICS support would be great! +1 (times the 100+ public calendars I manage)

Reported by andyshafferdesign on 2013-12-13 00:14:40

[arshaw]

Hello everyone,

I did the transformation ics --> json, and through php into an array, but still doesn't
work...

What did you put exactly in the html file referring to the created array?

Thank you very much in advanced.
Kind regards.

Héctor Moreno

Reported by hector.moreno.blanco on 2013-12-17 11:04:06

[arshaw]

Issue 333 has been merged into this issue.

Reported by adamrshaw on 2014-03-22 00:35:21

[arshaw]

Hi everyone

Do you have any work on how to convert Full-Calendar data into *.ics format? Please
help in this regard.

Thank you
-- Mahbub

Reported by mahbub.e.khuda on 2014-06-23 05:36:10

[arshaw]

Issue 2538 has been merged into this issue.

Reported by adamrshaw on 2014-09-05 19:35:47

[arshaw]

Example to import ICS file into fullcalendar event

include : jquery.ics-0.3.js (google is your friend)

in your js file : 

$.ajax({
            type: 'POST',
            contentType: "application/json",
            url: *****ics file*****,
            dataType: "json",
            async: false,
            success: function(result) {
                var cal, icalevents, dtstart, dtend, StrStart, StrEnd, StrID, StrAllDay,
StrTitle, StrURL, StrLocation, StrDescription;
                $.each(result, function(key, val) {
                    try {
                        cal = $.parseIcs(val.url, AEFC.urls.externalfile);
                        Alertify.log.success('ICS '+val.url);
                        icalevents = [];

                        for (i = 0; i < cal.event.length; i = i + 1) {
                            dtstart = cal.event[i].dtstart[0].value;
                            StrStart = dtstart.substring(0, 4) + '-' + dtstart.substring(4,
6) + '-' + dtstart.substring(6, 8);
                            if (dtstart.substring(9, 11) !== '') {
                                StrStart = StrStart + 'T' + dtstart.substring(9, 11)
+ '-' + dtstart.substring(11, 13) + '-' + dtstart.substring(13, 15);
                            }

                            dtend = cal.event[i].dtend[0].value;
                            StrEnd = dtend.substring(0, 4) + '-' + dtend.substring(4,
6) + '-' + dtend.substring(6, 8);
                            if (dtend.substring(9, 11) !== '') {
                                StrEnd = StrEnd + 'T' + dtend.substring(9, 11) + '-'
+ dtend.substring(11, 13) + '-' + dtend.substring(13, 15);
                            }

                            StrAllDay = StrStart.indexOf("T") === -1;

                            if (cal.event[i].uid !== "undefined") { StrID = 'ICS'+AEFC.nbcalendars+'#'+cal.event[i].uid[0].value
;} 
                            if (cal.event[i].summary !== "undefined") { StrTitle = cal.event[i].summary[0].value;}

                            //if (cal.event[i].url !== "undefined") { StrURL = cal.event[i].url[0].value;}

                            //if (cal.event[i].location!== "undefined") { StrLocation = cal.event[i].location[0].value;}

                            //if (cal.event[i].description !== "undefined") { StrDescription = cal.event[i].description[0].value;}


                            icalevents.push({
                                id: StrID,
                                title: StrTitle,
                                url: StrURL,
                                start: StrStart,
                                end: StrEnd,
                                allDay: StrAllDay,
                                location: StrLocation,
                                description: StrDescription,
                                editable:false,
                                className: val.className,
                                color: val.color,
                                textColor: val.textColor
                            });
                        }
                        AEFC.source[AEFC.nbcalendars] = {
                            events: icalevents
                            //className: val.className,
                            //color: val.color,
                            //textColor: val.textColor
                        };
                    } catch (err) {
                        Alertify.log.error("ERROR loading (" + val.url + "): "+err);
                    }
                });
            }
        }); // $.ajax(

Reported by elecoest on 2014-11-18 07:06:13

[arshaw]

What do you define as your eventSource in fullCalendar when using this script to retrieve
an ics file? 

Reported by studioponnuki on 2015-07-30 16:46:25

[ghost]

Hi, i wrote this https://github.com/2733/icalendar2fullcalendar.
Dunno if it could be useful to integrate it in FullCalendar.

[sohailsomani]

Thanks. Does it work for recurring events?

On Thu, Mar 10, 2016, at 10:36 PM, 2733 wrote:

Hi, i wrote this https://github.com/2733/icalendar2fullcalendar.

Dunno if it could be useful to integrate it in FullCalendar.
—
Reply to this email directly or view it on GitHub[1].

Links:

1. https://github.com/fullcalendar/fullcalendar/issues/1580#issuecomment-195164076

[ghost]

No, because fullcalendar doesnt support recurring events, does it?
I can workaround that by generating one-time events from a recurring event.
Any advice?

[sohailsomani]

Not exactly, but ical.js exposes an API for evaluating recurrences over a period:

https://mozilla-comm.github.io/ical.js/api/ICAL.RecurExpansion.html

This could be used in combination with the start/end parameters from the
'events' callback in fullcalendar and made to work.

[ghost]

Now recurring events work too.

[sohailsomani]

This seems overly complex (two interface functions when I think only one is needed) but nice to see that it works. I might have an opportunity to test it later. Thanks for doing the work!

On March 16, 2016 12:01:18 PM EDT, 2733 [email protected] wrote:

Now recurring events work too.

---

You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/fullcalendar/fullcalendar/issues/1580#issuecomment-197397629

Sent from my Android device with K-9 Mail. Please excuse my brevity.

[ghost]

Please report this and other issues on my repo, not to go off-topic here.

[DoobleD]

Hi, any news on this new feature ? Not implemented yet ?

[pokoli]

@ghost do you plan to create a PR on this repo to integrate it as base feature?

[larrybolt]

If you need this, apparently it's not so difficult to do yourself using ical.js, demo here. It's not super clearly documented and nice to work with, but good enough if you really need this.

[ace280]

tl;dr: Why not use the naming scheme defined in RFC 5545 to denote calendar and event elements in FullCalendar?

I am currently trying to implement FullCalendar in Redmine. I am to provide the same functionality their calendar already has and in addition the calendar data are to be saved on a calendar server such as Radicale. The main benefit shall be to enable synchronizing with other calendar clients such as Evolution, Thunderbird, or Microsoft Office Outlook.

So far, integrating FullCalendar works well, but using the ics-data received from Evolution is rather time consuming. In general I agree that FullCallendar accepting data in the iCal (RFC 5545) or jCal (RFC 7265) format would be best.

What would help a lot already would be if FullCalendar used the naming conventions specified in RFC 5545. This would make the mapping of iCal Data in the back-end much easier. Users would not have to learn the way, FullCalendar names things compared to how iCal names things. Some Examples:

• why is it uid in iCal and id in Fullcalendar?
• Why is it start for non recurring events and dtstart for the recurrence rule while in iCal this is the same value, both denoted with dtstart?

In the same way dtstart is not included in the iCal rrule, but it has to be included in the Fullcalendar rrule. I believe that providing the Event Parsing could become so much easier if the naming scheme was a one to one mapping.

If this was achieved, native data formats of whatever source could be parsed to JSON and used in FullCalendar. In my case I am using the ruby implementation of Icalendar which saves event data in hashes internally. These, in turn, could easily be rendered as JSON. But with the current FullCalendar implementation I will first have to map the iCal identifiers for the events to the FullCalendar identifiers and handle the rrule (which has proven rather cumbersome).

With this explanation I hope to outline a way that would make things much easier without having to add an iCal Parser or an own CalDav server such as suggested in https://github.com/fullcalendar/fullcalendar/issues/690. Please tell me if something is unclear as English is not my native language.

Thank you for the great work. I will return to writing a Icalendar to FullCalendar parser in Ruby now ;)

[ace280]

Now recurring events work too.

I had a look into it, and it seems pretty promising. Maybe the open pull request might make it even easier to integrate this into FullCalendar?

Please report this and other issues on my repo, not to go off-topic here.

I think that this is the right place to discuss your work, because it could be the foundation for integrating ICS-support without having to break the current naming scheme.

[ace280]

This repository seems to have most of the job done as well: https://github.com/larrybolt/online-ics-feed-viewer

[sigalou]

Hello,

I went through all your documentation of all your sites and I am wondering about the lack of consideration of the ICS protocol. Which seems to me to be the universal format of calendars.

You really favor Google Calendar (https://fullcalendar.io/docs/google-calendar) and I can't find anything on your site that natively allows the integration of an ICS link.
Yet discussions of several years back evoked ICS (#1580) then nothing since, this idea has been totally abandoned?
My research led me to:

https://github.com/leonaard/icalendar2fullcalendar
https://github.com/larrybolt/online-ics-feed-viewer (even online version does not work)
Extensions that use https://mozilla-comm.github.io/ical.js/ to fetch ical and send it to FullCalendar.

Do you think it's useful to include a link, natively, in FullCalendar which could retrieve a URL in iCal?
This idea is completely abandoned and each one needs to develop their own interface?
Can we work on it together?

Thank you, and good continuation on this project, still relevant.

[Clay-Ferguson]

+1. Not to be critical of the developers of this great component, but it seems to me almost unfathomable that the best calendar app out there right now (FullCalendar) doesn't even support what has been the universal file (ICS) format for all calendar apps for over a decade now, despite the ICS format being relatively simple.