【问题标题】:Full calendar with google calendar带有谷歌日历的完整日历
【发布时间】:2013-02-21 15:58:20
【问题描述】:

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

  1. 如何在视图中添加议程周、议程日(我从文档中看不懂),以便在日历加载时顶部有 3 个按钮?

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

【问题讨论】:

    标签: fullcalendar


    【解决方案1】:

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

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

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

    希望这会有所帮助!

    【讨论】:

    • 你指的是哪个脚本?另外,请发布您的JS代码!
    • 好的 - 你检查了我在那里发布的链接吗?他们通过示例向您确切展示了该做什么。如果您正在寻找特定的东西,请发布您的代码,我可以看看是否可以向您展示如何使用它。
    • 不!您将其添加到您的 JS 代码中 - 您在其中使用 Google 日历初始化 FullCalendar。你能告诉我你到目前为止做了什么吗?你可以编辑你的问题来添加代码吗?
    • 好的,我让 eventclick 工作,它没有显示任何内容,但我在鼠标悬停时遇到问题,不知道在函数中添加什么以使其显示事件详细信息。 eventClick: [function(event) { if (event.url) { return false; } } ], eventMouseover :function(event, jsEvent, view) 请帮忙!
    • 给你:jsfiddle.net/100thGear/Wahrw。这是一个开始 - 您可以自定义弹出窗口的外观,使其看起来像那个西港网站。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-30
    • 2016-04-15
    • 2016-02-16
    相关资源
    最近更新 更多