Javascript：如何通过按钮将事件添加到 Outlook 日历

Question

我目前编写了一个有效的 vbscript 实现：

<code>
<script language="VBScript">
    <!--
    sub MakeAppointment(MySubject, MyLocation, MyStart, MyEnd, MyMessage)
    Dim objOutlook
    Dim itmCalendar
    Set objOutlook = CreateObject("Outlook.application")
    Set itmCalendar = objOutlook.CreateItem(1)

    itmCalendar.Subject = MySubject
    itmCalendar.Location = MyLocation
    itmCalendar.Start = MyStart
    itmCalendar.End = MyEnd
    itmCalendar.Body = MyMessage

    itmCalendar.Save

    Msgbox "Appointment has been added to your Outlook Calendar!", 0, MyStart

    Set itmCalendar = Nothing
    Set objOutlook = Nothing
    end sub
    -->
</script>
<script language="VBScript">
    <!-- 
    Sub btnAdd_onclick()
    MySubject="All your base are belong to us" 
    MyLocation="Japan"
    MyStart="05/19/2011 07:00"
    MyEnd="05/19/2011 08:00"
    MyMessage = "This is a English review course." & vbcrlf
    MyMessage = MyMessage & "" & vbcrlf
    MyMessage = MyMessage & "" & vbcrlf
    MyMessage = MyMessage & "" & vbcrlf
    MakeAppointment MySubject, MyLocation, MyStart, MyEnd, MyMessage
    End Sub
    -->
</script>
</code>

我需要一些帮助来了解如何为 Javascript 重写它，因为我正在编写的另一个 SharePoint 网站正在使用 Javascript 作为其默认验证脚本语言。有可能吗？有任何可能的资源链接来实现这一目标吗？

Answer 1

接受的答案对我没有帮助。因此，我将发布截至 2015 年 12 月我发现有帮助的内容。

http://calendar.live.com/calendar/calendar.aspx?rru=addevent

参数：

dtstart (yyyymmddThhmmss)

必填。指定事件的开始日期和时间。例如，
20110101T120000 代表2011年1月1日中午。请注意，
指定事件时间 (T120000) 的部分是可选的。

dtend (yyyymmddThhmmss)

必填。指定事件的结束日期和时间。例如，
20110101T120000 代表2011年1月1日中午。请注意，
指定事件时间 (T120000) 的部分是可选的。

摘要（转义字符串）

可选。指定事件的标题。

位置（转义字符串）

可选。指定事件的位置文本。

<a href="http://calendar.live.com/calendar/calendar.aspx?rru=addevent&dtstart=2015-12-07T20:00:00+00:00&dtend=2015-12-07T22:00:00+00:00&summary=Weekly Planning&location=BigCoHQ">Add to Outlook</a>

来源：msdn.microsoft.com

Answer 2

我设法通过将事件信息直接填充到 Outlook 链接来解决此问题，因此它会将您重定向到一个模式，您可以在将事件信息保存到日历之前验证该模式是否正确。

<a href="https://outlook.live.com/owa/?path=/calendar/view/Month&rru=addevent&startdt=20200213T000000Z&enddt=20200214T000000Z&subject=Test+Event&location=Dublin">Add to Outlook Calendar</a>

以下链接示例包含您想要从对象填充信息的参数

https://outlook .live.com/owa/?path=/calendar/view/Month&rru=addevent&startdt=${eventStart}&enddt=${eventEnd}&subject=${eventName}&location=${eventLocation }&body=${eventDescription}

Answer 3

接受的答案对我不起作用。这是截至 2022 年 11 月有效的版本：

https://outlook.live.com/calendar/0/deeplink/compose?allday=false&body=This%20is%20event%20description&enddt=2022-11-29T15%3A15%3A00%2B00%3A00&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2022-11-29T14%3A45%3A00%2B00%3A00&subject=TestEvent

您也可以通过此链接生成它：https:// /www.labnol.org/calendar/

Answer 4

为了获得更具可读性和可用性的代码，我分隔了日历的字段。日期需要像 '2023-08-07T01:00:00.000Z' 这样的 ISO 格式，其他所有内容都只是一个字符串。

如果您只想要最终的href，可以使用另一个答案 https://www.labnol.org/calendar/，这将生成您可以使用的最终网址。

const event = {
  title: "Event title",
  description: "This is the description",
  startTime: new Date("Aug 06 2023 19:00:00"),
  endTime: new Date("Aug 06 2023 22:00:00"),
  address: "123 main street",
}

let href = encodeURI(
  [
    "https://outlook.live.com/calendar/0/action/compose",
    "?allday=false",
    "&body=" + event.description,
    "&enddt=" + event.endTime.toISOString(),
    "&location=" + event.address,
    "&path=%2Fcalendar%2Faction%2Fcompose",
    "&rru=addevent",
    "&startdt=" + event.startTime.toISOString(),
    "&subject=" + event.title,
  ].join("")
);

之后，您只需在锚标记或您想要使用的任何元素中设置 href，例如 document.querySelector("#outlook-link").href = href"