Реализовать настраиваемый календарь Google с помощью React Js?

#javascript #reactjs #calendar #google-calendar-api #react-big-calendar

#javascript #reactjs #Календарь #google-calendar-api #react-big-calendar

Вопрос:

На моем веб-сайте в настоящее время работает a react-big-calendar Calendar с данными, которыми я управляю вручную с помощью graphql / Apollo

Я решил использовать Google Calendar для управления данными с помощью API Google Calendar вместо того, чтобы управлять всем в моей собственной базе данных.

Однако мне было интересно, есть ли способ напрямую включить пользовательский календарь Google (я имею в виду пользовательский интерфейс) на мой веб-сайт, чтобы интерфейсная часть также управлялась Календарем Google (может быть в iframe или напрямую в компоненте Google, если такая вещь существует).

Таким образом, я бы оставил большую часть интерфейсной / серверной логики календаря только для Google, вместо того, чтобы вызывать API Google каждый раз, когда я вносил изменения в свой react-big-calendar .

Я говорю пользовательский, потому что мне все равно нужно будет отредактировать какой-то компонент, например, всплывающее окно, открывающееся, когда вы хотите создать событие:

введите описание изображения здесь

Большая часть информации мне не нужна, и я хотел бы добавить другие. Я также хотел бы избавиться от «поиска людей» или кнопки «Создать» на боковой панели, в качестве примера.

Есть ли способ включить такой настраиваемый календарь Google на мой веб-сайт? Или мне нужно продолжать использовать свой собственный react-big-calendar с данными из API календаря Google?

Заранее спасибо.

Комментарии:

1. Это поможет вам?

2. @ale13 к сожалению, нет, поскольку iframe не предоставляет возможности редактировать содержимое календаря (не событие, а другие компоненты, такие как боковая панель) или настраивать всплывающее окно создания события

Ответ №1:

К сожалению, то, что вы хотите, не может быть достигнуто, поскольку календарь не предоставляет возможности редактирования / изменения любого его содержимого.

Следовательно, единственными доступными вариантами в этой ситуации являются:

  • чтобы внедрить его, как описано в этой статье, здесь;
  • используйте API календаря и создайте для него свой собственный интерфейс, как вы упоминали выше.

Комментарии:

1. Вы подтверждаете мою первую мысль. Спасибо. Надеюсь, они предоставят эту функцию в будущем.