显示来自 Google 日历的数据的 React 日历组件

时间:2024-06-28 08:57:57
【文件属性】:

文件名称:显示来自 Google 日历的数据的 React 日历组件

文件大小:135KB

文件格式:ZIP

更新时间:2024-06-28 08:57:57

Date / Time picker

React Google Calendar 一个React组件,它使用来自 google 日历 api 的数据显示事件日历。 它旨在取代嵌入式谷歌日历。 它处理重复事件、删除事件和更改事件。 它还以与谷歌日历非常相似的方式处理和显示各种长度的事件,并支持多个日历。 所有事件都显示在用户的时区中。 在此处查看实际操作或在此处在 CodeSandbox 中亲自尝试。 设计灵感来自此日历和 Google 日历。 Material Design 中的图标。 安装 1. npm install --save react react-dom @emotion/react 2. npm install --save @ericz1803/react-google-calendar 用法 首先,按照第 1 步从这里获取 api 密钥。或者,您可以去到 https://console.developers.google.com/flows/enableapi?apiid=calendar。 然后,从谷歌日历中获取日历 id。 它看起来像 [email protected]group.calendar.g


【文件预览】:
react-google-calendar-master
----src()
--------utils()
--------languages()
--------index.css(2KB)
--------multiEvent.js(5KB)
--------event.js(4KB)
--------svg()
--------index.js(20KB)
--------tooltip.js(5KB)
----.babelrc(223B)
----.travis.yml(133B)
----LICENSE(1KB)
----test()
--------helper.test.js(5KB)
--------index.test.js(3KB)
--------tooltip.test.js(4KB)
--------language.test.js(1KB)
--------multiEvent.test.js(1KB)
--------event.test.js(1KB)
----README.md(5KB)
----example.png(46KB)
----.gitignore(20B)
----package-lock.json(375KB)
----package.json(2KB)

网友评论