问题标签 [fullcalendar-4]

在我的 FullCalendar 中，我配置了 2 个简单的侦听器：eventMouseover 和 eventClick。eventClick 工作正常。eventMouseover 不起作用。任何反应。不会触发任何警报，控制台日志上也不会出现任何内容。全日历 4.0.2；jQuery 3.3.1；引导程序 4.3.1；

我尝试了不同的网络浏览器，但没有结果。

新测试：我做了一个更简单的测试。我只使用了旧版本 3.10 和当前版本 4.0.2 提供的 fullcalendar zip 文件 ( https://github.com/fullcalendar/fullcalendar/releases )。在目录中的一个演示 html 文件中，我添加了我的 2 个侦听器（eventClick 和 eventMouseover），就像上面的代码一样。每个侦听器都创建一个简单的 console.log()。对于 3.10 版：2 个侦听器工作正常。对于 4.0.2 版：eventClick 工作正常，而 eventMouseover 不工作。

我的最终目标是将 Bootstrap 4 弹出框添加到完整日历以显示日历事件描述，因为根据视图，完整日历会切断标题/描述。由于完整日历是根据我传递给它的事件道具生成所有内容，因此我无法弄清楚如何添加任何类型的弹出框。（我可能可以用 jQuery 来做，但我真的想把 jQuery 从项目中删除，以使我的构建大小更小）

这里有关于使用 bootstrap vue 正常使用弹出框的很好的文档：https ://bootstrap-vue.js.org/docs/directives/popover/

不幸的是，完整日历没有提供使用 Boostrap-Vue 文档中描述的任何方法的方法。我确实尝试过但没有奏效的一件事是

这确实将属性添加到 HTML，但我假设它是在 Vue 处理 DOM 之后，因为它没有添加 Popover。

有没有其他方法可以使用info传递给eventRender函数的对象的参数来添加Popover？（eventRender 函数文档：https ://fullcalendar.io/docs/eventRender ）

我正在从 FullCalendar v3 更新到 v4，并且在从单击的资源中获取 businessHours 时遇到问题。

在 v3 中，我以这种方式获取 businessHours：

资源数据：

但在 V4 中，资源对象得到了这样的结构：

没有开始时间，也无法获得像这样的营业时间.getResource("XXX").getBusinessHours()

有任何想法吗？

我想调用一个接受 from_date 和 to_date 的 API。因此，每次更改日历视图时，我都想调用 API 并相应地更新数据事件。如果我向前或向后移动，我如何获得当月的初始日期和最终日期？

链接到完整的日历

我有来自 fullcalendar.io 的 API 文档，但不确定它为什么不起作用。

https://fullcalendar.io/docs/v3/getView

它清楚地提到了这种方式你可以获得视图和日期时间。

但是当我运行上面的代码时，它说

VM39:1 Uncaught TypeError: $(...).fullCalendar is not a function

我什至在 fullcalendar.io 网站上尝试过这个功能。它说同样的话。不确定是什么问题。

我正在使用下面的代码来初始化我的日历。

fullcalendar-react 的文档仍然说它处于测试阶段。我们正在考虑在我们的项目中使用它。我想了解何时计划成为一个稳定的 RTM 版本，以便我可以考虑这是否有助于我们未来的生产构建。

根据fullcalender.io 的文档，我尝试在每次触发诸如上一个、下一个、一个月、一天或列表视图等事件时调用 API。就我而言，该事件完全正常。我可以调用 API 和每个事件，并将数据收集到一个名为sessionCalendar[]. 调用 API 后，我可以看到数组中有数据。

这是我将所有结果推入数组的地方。注意我已最小化代码以使其尽可能短。

但我无法在日历中看到该事件。这里有什么问题。在我使用event带有数组的属性之前，它工作正常。现在，当我使用event功能时，它不起作用。

所有的日子都是空白的。请帮忙。

我有两个来自引导程序的选项卡。Fullcalendar 在默认隐藏的第二个选项卡内。所以我使用onclick事件来触发该calendar_view_session功能。但是每次我访问该选项卡时，新日历都会附加到相同的选项卡中。它实际上是在复制日历。

我的 HTML 代码

这是我的功能。但是，我$("#calendar").destroy()首先使用函数来销毁日历。它显示错误说

sessions.js:253 Uncaught TypeError: $(...).destroy is not a function

我之后使用这个破坏功能

var calendarEl = document.getElementById('calendar');线。

我正在尝试将基于 Fullcalendar 的旧 Web 应用程序转换为 V4。我不能dayClick开火。

我有这个 CodePen 示例：https ://codepen.io/anon/pen/YMMEyN?&editable=true&editors=001

该示例是通过来自 FC 网站的 lik=nk 初始化的。见下文。默认情况下它会显示一个dayGridMonth视图。它包含interaction插件dayClick，但无论我点击哪一天的单元格，该方法都不会触发。

我正在尝试添加背景文本并根据开始和结束日期时间调整事件栏大小。你能告诉我如何使用定位的事件吗？您能否分享一下有关如何在事件上添加背景文本和调整事件栏大小的语法。

** 例子：**

我在 fullcalendar 版本 3 中很好地使用了资源。我正在迁移到版本 4 并进行了一些重大更改。我可以让日历正确显示我的事件，但是一旦我开始添加资源，我的控制台中就会出现此错误：

代码：

这是一个事件 JSON 响应示例：

如果我将默认视图更改为不依赖资源的视图，则日历会显示所有事件。所以这将呈现日历：

当我使用使用资源的 defaultViews 时，我得到了错误。

不知道如何解决这个问题。

更新以添加以下脚本包括：

另外，如果有帮助：我将错误从控制台错误跟踪到以下行（ResourceDayGrid 函数有错误）：