webdevqa.jp.net

Googleカレンダー、yahooカレンダー、Outlookおよびicalにイベントを追加する

私のJavaScriptベースのサイトのユーザーは、イベント名、イベントの説明、イベントの開始時刻と終了時刻を日付とともに投稿するイベントを作成する必要があることがよくあります。さて、彼らはそれらのイベントの詳細をGoogleカレンダー、Yahooカレンダー、iCalまたはOutlookに追加したいと考えています。そのための標準ライブラリはありますか?私はgoogle apiについては知っていますが、iCalやOutlook、さらにはYahooについても知りませんが、過去3日間、それを理解しようとしています。 「 http://compute2011.doattend.com/ 」に非常に似たものを探しています。右側にある「これをサイトに追加する」の部分を見ることができます。同じことをしたいと思います。

手に入るのを手伝ってください。

21
Jeevan Dongre

私は今夜​​同様のものを探していて、あなたを助けることができると思われるこのjQueryプラグインを見つけました。 「オンザフライ」で.icsファイルを直接生成できます。これは、Google、Outlook、iCal、Yahooに適しています。

http://keith-wood.name/icalendar.html

自分でテストする機会はありませんでしたが、翌日にはテストする予定です。しかしHTH!

13
Zalakain

これは、誰かを助ける場合に使用するものです。私はASP.NET MVC/C#を使用していますが、自分で構築するために必要なものの要点を教えてくれるはずです。

Outlook&iCal:

var icsUrl = '/todos/geticsfile/' + id;

public ActionResult GetIcsFile(string id) {
            var user = UserService.Get(UserId);
            var todo = ToDoService.Get(id);
            var content = GetOutlookFileContents(user, todo);
            var bytes = Encoding.UTF8.GetBytes(content);
            return File(bytes, "text/calendar", "housters-todo.ics");
        }

public static string GetOutlookFileContents(User user, ToDo todo) {
            var builder = new StringBuilder();

            builder.AppendLine("BEGIN:VCALENDAR");
            builder.AppendLine("METHOD:REQUEST");
            builder.AppendLine("PRODID:Microsoft Exchange Server 2010");
            builder.AppendLine("VERSION:2.0");
            builder.AppendLine("BEGIN:VTIMEZONE");
            builder.AppendLine("TZID:Eastern Standard Time");
            builder.AppendLine("BEGIN:STANDARD");
            builder.AppendLine("DTSTART:16010101T020000");
            builder.AppendLine("TZOFFSETFROM:-0700");
            builder.AppendLine("TZOFFSETTO:-0800");
            builder.AppendLine("RRULE:FREQ=YEARLY;INTERVAL=1;BYDAY=1SU;BYMONTH=11");
            builder.AppendLine("END:STANDARD");
            builder.AppendLine("BEGIN:DAYLIGHT");
            builder.AppendLine("DTSTART:16010101T020000");
            builder.AppendLine("TZOFFSETFROM:-0800");
            builder.AppendLine("TZOFFSETTO:-0700");
            builder.AppendLine("RRULE:FREQ=YEARLY;INTERVAL=1;BYDAY=2SU;BYMONTH=3");
            builder.AppendLine("END:DAYLIGHT");
            builder.AppendLine("END:VTIMEZONE");
            builder.AppendLine("BEGIN:VEVENT");
            builder.AppendLine("ORGANIZER;CN=" + user.Name + ":MAILTO:" + user.EmailAddress);
            builder.AppendLine("ATTENDEE;ROLE=REQ-PARTICIPANT;PARTSTAT=NEEDS-ACTION;RSVP=TRUE;CN=" + user.EmailAddress + ":MAILTO:" + user.EmailAddress);
            builder.AppendLine("DESCRIPTION;LANGUAGE=en-US:" + todo.Task);
            builder.AppendLine("SUMMARY;LANGUAGE=en-US:" + todo.TitleOrTask);
            builder.AppendLine("DTSTART;TZID=Eastern Standard Time:" + todo.DueDate.Value.ToString("yyyyMMdd"));
            builder.AppendLine("DTEND;TZID=Eastern Standard Time:" + todo.DueDate.Value.ToString("yyyyMMdd"));
            builder.AppendLine("UID:" + Guid.NewGuid().ToString());
            builder.AppendLine("CLASS:PUBLIC");
            builder.AppendLine("PRIORITY:5");
            builder.AppendLine("DTSTAMP:" + todo.DueDate.Value.ToString("yyyyMMdd") + "T023422Z");
            builder.AppendLine("TRANSP:OPAQUE");
            builder.AppendLine("STATUS:CONFIRMED");
            builder.AppendLine("SEQUENCE:0");
            if(todo.PropertyId != null) {
                var property = PropertyService.Get(todo.PropertyId);
                builder.AppendLine("LOCATION;LANGUAGE=en-US:" + property.FullAddress);
            }
            else {
                builder.AppendLine("LOCATION;LANGUAGE=en-US:Unknown");
            }
            builder.AppendLine("X-Microsoft-CDO-APPT-SEQUENCE:0");
            builder.AppendLine("X-Microsoft-CDO-OWNERAPPTID:2112076272");
            builder.AppendLine("X-Microsoft-CDO-BUSYSTATUS:TENTATIVE");
            builder.AppendLine("X-Microsoft-CDO-INTENDEDSTATUS:BUSY");
            builder.AppendLine("X-Microsoft-CDO-ALLDAYEVENT:FALSE");
            builder.AppendLine("X-Microsoft-CDO-IMPORTANCE:1");
            builder.AppendLine("X-Microsoft-CDO-INSTTYPE:0");
            builder.AppendLine("X-Microsoft-DISALLOW-COUNTER:FALSE");
            builder.AppendLine("BEGIN:VALARM");
            builder.AppendLine("ACTION:DISPLAY");
            builder.AppendLine("DESCRIPTION:REMINDER");
            builder.AppendLine("TRIGGER;RELATED=START:-PT15M");
            builder.AppendLine("END:VALARM");
            builder.AppendLine("END:VEVENT");
            builder.AppendLine("END:VCALENDAR");

            return builder.ToString();
        }

Google:

var text = encodeURIComponent('Housters To-Do Due: ' + self.task());
            var startDate = moment(self.dueDate()).format('YYYYMMDD');
            var endDate = moment(self.dueDate()).add('days', 1).format('YYYYMMDD');
            var details = encodeURIComponent(self.task());
            var location = encodeURIComponent(self.propertyName());
            var googleCalendarUrl = 'http://www.google.com/calendar/event?action=TEMPLATE&text=' + text + '&dates=' + startDate + '/' + endDate + '&details=' + details + '&location=' + location;
5
Justin
5
Praveen Vijayan

純粋なJavaScriptソリューションの場合、ics.jsがあります。それだけでjavascriptを使用してicsファイルを生成します。唯一の欠点は、IEの古いバージョンをサポートしていないことです。

4
InsanelyADHD

これはこれを行うための最良のオプションだと思います。このプラグインは、htmlの変数から.icsファイルを作成できます。

http://addtocalendar.com/

3
RicardoGonzales