使用javascript或jquery创建.ics文件

Question

我试图.ics在用户单击按钮时创建一个文件.

到目前为止,我的代码是

msgData1 = $('.start-time').text();
msgData2 = $('.end-time').text();
msgData3 = $('.Location').text();

var icsMSG = "BEGIN:VCALENDAR\nVERSION:2.0\nPRODID:-//Our Company//NONSGML v1.0//EN\nBEGIN:VEVENT\nUID:me@google.com\nDTSTAMP:20120315T170000Z\nATTENDEE;CN=My Self ;RSVP=TRUE:MAILTO:me@gmail.com\nORGANIZER;CN=Me:MAILTO::me@gmail.com\nDTSTART:" + msgData1 +"\nDTEND:" + msgData2 +"\nLOCATION:" + msgData3 + "\nSUMMARY:Our Meeting Office\nEND:VEVENT\nEND:VCALENDAR";

$('.button').click(function(){
    window.open( "data:text/calendar;charset=utf8," + escape(icsMSG));
});

这会下载一个.ics文件但是当我尝试在iCal中打开它时,我被告知它无法读取文件.

Answer 1

我使用了InsanelyADHD提到的ics.js解决方案.

解决方案的一个问题是Chrome没有正确检测文件类型,并尝试使用编辑器将文件作为文本打开.

我更改了下载功能,只需使用以下命令打开文本:

window.open( "data:text/calendar;charset=utf8," + escape(calendar));

我在Github上的分支是icsFormatter.js

关于许可证:我已经联系了原作者以包含GPL - 之后我也将包含一个GPL.

Answer 2

有一个开源项目:

• ics.js

它是100%的JavaScript并且适用于除IE 9及更低版本之外的所有现代浏览器.

如果您对如何使文件生效感兴趣,可以查看它们的来源.他们使用以下库来执行繁重的工作:

• FileSaver.js
• Blob.js

Answer 3

您有两个冒号作为组织者地址：“MAILTO::me@gmail.com”

如果这不能解决问题，您将必须向我们展示 iCal 收到的完整 ical 流。

最后，假设 start_time 和 end_time 使用正确的格式，对于位置字段，您可能需要换行（https://www.rfc-editor.org/rfc/rfc5545#section-3.1）并转义某些字符（https://www.rfc-editor.org/rfc/rfc5545#section-3.3.11）。换句话说，您可能想查看 iCalendar 库。