使用 React Js 实现自定义的 Google 日历？

Question

我的网站目前运行 react-big-calendar Calendar，其中包含我使用 graphql / Apollo

手动管理的数据

我决定使用 Google 日历 通过 Google 日历 API 进行数据管理，而不是管理我自己的数据库中的所有内容。

但是，我想知道是否有办法在我的网站中直接包含 custom Google Calendar（我的意思是 UI），所以前端部分也将由 Google 日历 管理（可以在 iframe 中，或者直接在 Google 组件中，如果存在这样的东西的话）。

这样，我会将大部分日历前端/后端逻辑留给 Google，而不必每次更改我的 react-big-calendar 时都调用 Google API。

我说自定义，因为我仍然需要编辑一些组件，例如当你想创建一个事件时弹出窗口：

大部分信息对我没有用，我想添加其他信息。例如，我还想去掉“搜索人员”或侧边栏上的创建按钮。

有没有办法在我的网站中加入这种自定义的 Google 日历？还是我需要继续使用我自己的 react-big-calendar 处理来自 Google Calendar API 的数据？

提前致谢。

Answer 1

很遗憾，您想要的无法实现，因为日历不提供编辑/修改其任何内容的可能性。

因此，在这种情况下唯一可用的选项是：

• 按照本文中的说明嵌入它here;

• 利用日历 API 并为其构建您自己的界面，就像您在上面提到的那样。