问题标签 [fullcalendar-5]

我正在尝试通过viewRenderReact FullCalender 实现中的 prop 调用函数。但它不是在点击下个月或上个月的点击。有人遇到过这个问题吗？viewDidMount当我将视图从每月更改为每周或反之亦然时，效果很好。

我想在 Fullcalendar（版本 5）上收听滚动事件以获取当前的scrollTime. scrollToTime()当我从应用程序的其他页面返回时，这将允许我跳转到那个时间。

我目前的方法是像这样添加一个本机 JS 滚动侦听器，并以某种方式使当前开始时间可见：

一般来说，监听器工作得很好，但我如何从 Fullcalendar 获取当前可见时间？

我想为事件添加类。所以我在 CalendarOptions 中使用 eventContent。但是当我使用时，fullcalendar 似乎冻结了：

如何将自定义类添加到 fullcalendar@5 中的事件？

这是示例：https ://codepen.io/piernik/pen/NWNvrpq?editors=0011

我的 Laravel 7 webapp 中的控制器为我的 fullcalender v5 提供了资源提要。在我尝试为资源列表中的每个单元格添加一个图标之前，它工作得很好。我尝试了不同的方法，但无法将 HTML 显示为 HTML，它只是将整行打印<?php echo "<i class="material-icons">edit</i>" ?>到资源列表中的单元格。如何将 HTML 传递给 FullCalendar 以将其打印为 HTML 输出？我不想这样做resourceLabelContent，因为控制器管理资源。

来自我的控制器的代码：

我正在为这个项目使用 vuejs。在 FullCalendar(v5.3.0) 中，我一直在尝试在月视图（默认视图）中单击特定日期时获取 timeGridDay，所选日期是要显示的日期。

我使用 ref 来引用 FullCalendar 组件。（此处仅显示相关部分）

然后我尝试使用 dateClick 方法在单击日期时进入 timeGridDay 视图。

这没有用。当我检查控制台时它说

类型错误：this.$ref 未定义

但是当我在挂载的钩子中尝试相同的代码时它并没有未定义（在数据中初始化 calendarApi）

它返回了一个对象。但我无法在 dateClick 方法中获取该 calendarApi 对象。我试过了：

没用。控制台给出了这个错误：

类型错误：this.calendarApi 未定义

有什么办法可以解决这个问题吗？我也尝试从另一个方法获取 calendarApi 对象，但控制台说该方法未定义。提前致谢。

作为一个新手，我在将 FullCalendar 添加到我的项目时遇到了很多困难。而且，首先，我不知道我是否正确导入了模块。

我懂了：

这就是我所做的

应用程序.js

应用程序.scss

看法

// 多亏了 max 解决了

突出显示这部分 fullcalendar/main.js 代码中的错误

这是我的代码：

应用程序.js

应用程序.scss

看法

https://codepen.io/pen/?&editable=true&editors=001=https%3A%2F%2Ffullcalendar.io%2Fdocs%2Fevent-tooltip-demo

在我得到一个可点击的气泡之前，我只是想让任何气泡工作。这个演示已经被踢来解决我的问题，但我似乎无法让它工作。

我的怀疑是 eventDidMount 和工具提示代码段发生了什么事。我不确定我是否正确导入了工具提示 js。我也不确定我是否为 info.event.extendedProps.description 调用了正确的东西。这是什么参考？我尝试引用其他内容，例如 info.event.extendedProps.id，但它就像悬停甚至没有被识别。将鼠标悬停在事件上时，控制台中没有任何反应。

我没有添加 fullCalendar 导入，因为我在本地拥有它，但我已将以下内容添加到我的代码中。

然后在我的 var calendar = new FullCalendar.Calendar(calendarEl, {... 我添加了：

我还将示例中指定的 CSS 添加到我的 main.css 文件中。

在我的日历功能中，我也有

其中 json_of_all_events 是一个包含数组的对象

并且事件显示正常。

控制台只有警告：

我正在使用 FullCalendar 和 Vue。 一旦触发了refreshCal（），我试图重新加载事件，因此使用refetchEvents 在屏幕上呈现日历。 我必须主要组件：

1. 日历：这是代码

2. 用于编辑事件的模态组件：

我已经试了

正如在 FullCalendar 文档和互联网上的各种研究中发现的那样，但它从未奏效。

$emit('refetch-events')或$emit('refetchEvents')不做任何事情。

仅供参考：this.$parent.$parent.$refs将 refs 提供给 FullCalendar。

有什么建议吗？

谢谢大家的任何帮助。

我正在起诉最新版本的完整日历 (v5)，并且只需要根据 SkillPriority 对事件进行分组。但是当我指定

它正在排序，但是 startTime 和 duration 正在影响顺序。有没有办法改变这种行为？？？

绿色事件与蓝色一起出现。两者都应该分开。

谈论垂直放置不是时间

请查看我使用的资源/事件。