问题描述
我一直在为一家医疗保健公司开发 ReactJS 应用。创建约会后,我们希望用户能够将事件添加到日历中,这是通过在 IOS 和 Outlook 上下载 .ics
文件以及谷歌日历的谷歌 API 调用来实现的。
如果用户重新安排他们的约会,我如何修改 Apple Calendar for mac 和 IOS 和 Outlook 日历上的现有事件?
这是我现有的代码
const makeGoogleCalendarUrl = (event: CalendarEvent) =>
makeUrl('https://calendar.google.com/calendar/render',{
action: 'TEMPLATE',dates: `${makeTime(event.startsAt)}/${makeTime(event.endsAt)}`,location: event.location,text: event.name,details: event.details,})
const makeOutlookCalendarUrl = (event: CalendarEvent) =>
makeUrl('https://outlook.live.com/owa',{
rru: 'addevent',startdt: event.startsAt,enddt: event.endsAt,subject: event.name,body: event.details,allday: false,uid: new Date().getTime().toString(),path: '/calendar/view/Month',})
const makeYahooCalendarUrl = (event: CalendarEvent) =>
makeUrl('https://calendar.yahoo.com',{
v: 60,view: 'd',type: 20,title: event.name,st: makeTime(event.startsAt),dur: makeDuration(event),desc: event.details,in_loc: event.location,})
const makeICSCalendarUrl = (event: CalendarEvent) => {
const components = ['BEGIN:VCALENDAR','VERSION:2.0','BEGIN:VEVENT']
// For SSR apps
if (typeof document !== 'undefined') {
components.push(`URL:${document.URL}`)
}
components.push(
`DTSTART:${makeTime(event.startsAt)}`,`DTEND:${makeTime(event.endsAt)}`,`SUMMARY:${event.name}`,`DESCRIPTION:${event.details.replaceAll('\n','\\n')}`,`LOCATION:${event.location}`,'END:VEVENT','END:VCALENDAR'
)
return encodeURI(`data:text/calendar;charset=utf8,${components.join('\n')}`)
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)