带有谷歌日历的完整日历

Posted 2023-03-30

【中文标题】带有谷歌日历的完整日历

【英文标题】：Full calendar with google calendar

【发布时间】：2013-02-21 15:58:20

【问题描述】：

我正在尝试在我的网站上实现完整的日历。我让日历正常工作，谷歌日历提供后端数据。我有几个问题：

如何在视图中添加议程周、议程日（我从文档中看不懂），以便在日历加载时顶部有 3 个按钮？

有没有办法让用户不点击日历事件，因为它会打开一个包含事件详细信息的谷歌日历页面。我希望用户只需将鼠标悬停在事件上即可获取事件详细信息。最好不要向用户显示谷歌日历界面，而只是在后端使用它来输入日历数据。 我怎样才能做到这一点？

【参考方案1】：

1) 您需要在标题中包含要显示的视图选项。像这样的：

header: 
  left: 'prev,next today',
  center: 'title',
  right: 'month,agendaWeek,agendaDay'

2) 您可以使用eventClick 回调中断您的事件的点击事件。在这里，您可以将事件定向到弹出窗口或返回 false。您可以使用 eventMouseover 回调进行悬停。检查这些链接以获取有关这些回调的文档 - eventClick 和 eventMouseOver

希望这会有所帮助！

【讨论】：

你指的是哪个脚本？另外，请发布您的JS代码！

好的 - 你检查了我在那里发布的链接吗？他们通过示例向您确切展示了该做什么。如果您正在寻找特定的东西，请发布您的代码，我可以看看是否可以向您展示如何使用它。

不！您将其添加到您的 JS 代码中 - 您在其中使用 Google 日历初始化 FullCalendar。你能告诉我你到目前为止做了什么吗？你可以编辑你的问题来添加代码吗？

好的，我让 eventclick 工作，它没有显示任何内容，但我在鼠标悬停时遇到问题，不知道在函数中添加什么以使其显示事件详细信息。 eventClick: [function(event) if (event.url) return false; ], eventMouseover :function(event, jsEvent, view) 请帮忙！

给你：jsfiddle.net/100thGear/Wahrw。这是一个开始 - 您可以自定义弹出窗口的外观，使其看起来像那个西港网站。