与谷歌日历全日历 [英] Full calendar with google calendar

问题描述

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

1. 如何将日程，日历添加到视图中（我从文档中不明白）当日历加载时，我在顶部有3个按钮？

有没有一种方法可以让用户不点击日历事件，因为它带来了谷歌带有活动详情的日历页面。我希望用户只需将鼠标悬停在活动上即可获取活动详情。如果不显示用户的谷歌日历界面，但只是在后端使用它来输入日历数据，那将是一件好事。
如何实现这个目标？ 需要包含要在标题中显示的视图选项。就像这样：



 标题：{
 left：'prev，next today'，
 center： 'title'，
 right：'month，agendaweek，agendaDay'
} 
  

2）您可以使用 eventClick 回调中断事件上的点击事件。在这里，您可以将事件指向弹出窗口或返回 false 。您可以使用 eventMouseover 回叫进行悬停。查看这些回调文档的链接 - eventClick 和 eventMouseOver





希望这会有所帮助！




I am trying to implement full calendar on my website. I got the calendar working, with google calendar providing the backend data. I have a few questions:

1. How do I add agendaweek, agendaday to the view(i dont understand from the documentation) so that i have 3 buttons on top when the calendar loads?

2. Is there a way to make the user not click on the calendar event since it brings up a google calendar page with the event details. I want the users instead to simply hover over the event to get the event details. It would be great to not show the google calendar interface for the users, but simply to use it on the backend to input calendar data. How can i acheive this?

解决方案

1) You need to include the view options you want to display in the header. Something like this:

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

2) You can interrupt the click event on your events using the eventClick callback. Here you can direct the event to a popup or return false. You can use the eventMouseover callback for hovers. Check these links for the docs on these callbacks - eventClick and eventMouseOver

Hope this helps!

这篇关于与谷歌日历全日历的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！