add-events-to-google-calendar在使用Angular12时不能正确显示Google事件的日期时间
- 首先，请确保您已经正确设置了时区，并将时间转换为UTC时间，因为Google日历使用UTC时间。您可以使用以下代码进行转换：
let eventDate = new Date('2021-09-01T17:00:00Z'); let eventStart = new Date(Date.UTC(eventDate.getUTCFullYear(), eventDate.getMonth(), eventDate.getUTCDate(), eventDate.getUTCHours(), eventDate.getUTCMinutes(), eventDate.getUTCSeconds())); let eventEnd = new Date(eventStart.getTime() + (60 * 60 * 1000)); //default event duration is 1 hour
- 然后，将事件的开始和结束时间作为UTC时间传递给Google事件对象，如下所示：
let event = { 'summary': 'Test Event', 'location': 'Test Location', 'description': 'Test Description', 'start': { 'dateTime': eventStart.toISOString(), 'timeZone': 'UTC' }, 'end': { 'dateTime': eventEnd.toISOString(), 'timeZone': 'UTC' } };
- 最后，将事件对象传递给addEvent方法，并确保在调用此方法之前已加载Google API：
gapi.load('client:auth2', () => { gapi.client.init({ /* API key and other options / }).then(() => { gapi.client.load('calendar', 'v3', () => { gapi.client.calendar.events.insert({ 'calendarId': 'primary', 'resource': event }).then((response) => { / Handle the response */ }); }); }); });
这样，您应该可以使用Angular 12正确地将事件添加到Google日历中，并显示正确的日期时间。