时间戳

首页 > 解决方案 > 将 Google 日历议程视图制作成卡片

javascript - 将 Google 日历议程视图制作成卡片

问题描述

我正在使用 Mobirise 建立我们俱乐部的网站，他们希望在页面顶部显示我们的一些活动。

我想我可以做这样的事情，外面的蓝色是日历框架结束的地方（非常粗糙的绘图，不要太难判断）。活动日历示例

Tockify 有一些非常接近的东西，但我认为有一种方法可以编写这样的代码，或者可能是另一种免费的服务可以做到这一点。我宁愿不使用 PHP，而是将一些 JavaScript 嵌入到可以做到这一点的 HTML 中。

谢谢！

标签： javascripthtmlcssgoogle-calendar-apimobirise

解决方案

要从帐户的日历中检索事件，您需要使用授权凭据连接到 Google Calendar API。

为此，您需要在 Google Cloud Platform 中创建一个项目，并为该项目启用日历 API。您还需要为您的应用程序在调用 API 时创建凭据。

在您拥有项目、凭据并启用日历 API 之后，是时候编写一个脚本，该脚本使用凭据从日历 API 获取您想要的数据。

有几个语言客户端库可以满足每个开发人员的需要。您可以将 JavaScript 用于您的应用程序。

这是一个快速入门，可以帮助您启动并运行您正在寻找的日历 API 调用。

推荐阅读