问使用google日历提要的简单日历预订显示

EN

我使用了jQuery UI日期选择器和谷歌日历api V3 events list (使用here接口)。我不会给出一个有效的例子，因为我想让我的api密钥保持私有。

​

​

我使用默认(箭头)光标显示datepicker内联和样式，使其看起来像静态日历。Google日历返回json格式的事件，我使用其"beforeShowDay“函数将它们应用于日期选择器中的相关日期。

关于Google Calendar提要，有几件事我需要知道。

我使用了"singleEvents=true“选项，因此任何重复的事件都会返回所有日期。

我使用了"fields=items“选项，只返回相关数据(如摘要和日期)，以提高性能。

我使用了"timeMin“和"timeMax”选项来指定要返回的日期范围(我使用了在今天日期之前和之后一年计算的日期)。谷歌希望这些日期的格式类似于："yyyy-mm-ddT00:00:00+00:00“。

在返回的json中，可以在变量"start.date“和"end.date”中找到全天事件的日期，但是对于全天事件，结束日期是第二天！如果事件不是全天，那么您需要在"start.dateTime“和"end.dateTime”变量中查找日期。

使用谷歌的V3 api的一个原因是，与V2不同的是，它将返回事件颜色(在colorId变量中)-但颜色不是十六进制值，它只是一个必须转换的整数，因此需要进行一些有意义的转换。