Я использовал jQuery UI datepicker и список событий api V3 календаря Google (поиграйте с api здесь ).Я не буду показывать рабочий пример, потому что хочу сохранить свой ключ API закрытым.
![screenshot](https://i.stack.imgur.com/BaR8l.png)
Я отображаю встроенный указатель даты и стиль с курсором по умолчанию (стрелка), чтобы онвыглядит как статический календарь.Календарь Google возвращает события в формате json, и я применяю их к датам выпуска в указателе даты, используя его функцию beforeShowDay.
Мне нужно было кое-что узнать о канале Календаря Google.
Я использовал опцию "singleEvents = true", поэтому любые повторяющиеся события возвращали все даты.
Я использовал опцию «fields = items», чтобы возвращать только соответствующие данные (например, сводку и даты) для повышения производительности.
Я использовал опции «timeMin» и «timeMax», чтобы указать диапазон возвращаемых дат (я использовал даты, рассчитанные за год до и после сегодняшней даты).Google ожидает, что эти даты будут в таком формате: «гггг-мм-ддТ00: 00: 00 + 00: 00».
В возвращенном json все даты событий дня находятся в переменных «start.date» и «end.date», но для всех событий дня конечной датой является следующий день!Если событие не весь день, вам нужно искать даты в переменных «start.dateTime» и «end.dateTime».
Одна из причин использования API Google V3 заключается в том, что, в отличие от V2, он будет возвращать цвета событий (в переменной colorId) - но цвет - это не шестнадцатеричное значение, а просто целое число, которое необходимо преобразовать, так чточто-то значимое.