问题标签 [fullcalendar-4]

FullCalender 4.0 中对资源的处理发生了变化。

在 FullCalendar 3.x 中，我使用以下方法更改了事件的资源：

在 FullCalendar 4.0 中，我找不到正确的方法......我当前的代码是：

setProp似乎不是正确的方法，因为事后事件并没有反映网格内的变化，只有标题已更改为新标题。

一个 setter 到getResources(), egsetResources()不存在。

https://fullcalendar.io/docs/resource-data上的官方文档仅包括资源获取，而不是以编程方式为现有事件设置新的。

迁移指南https://fullcalendar.io/docs/upgrading-from-v3仅提及替换的方法setProp, setExtendedProp, setStart, setEnd, setDates, setAllDay, moveStart, moveEnd,缺少资源。moveDatesupdateEvent

我目前的解决方法是删除并再次添加事件：

如何将事件移动到另一个资源而不再次加载和初始化整个事件？

2019 年 3 月 26 日更新

我试图让用户能够将事件添加到日历中，并让这些事件在输入时出现。我正在使用 React.js 前端，并且可以让事件在新日历中呈现，但它不会删除旧日历（我最终会得到 10 多个相互叠加的日历）。

我尝试使用该.destroy()方法，然后重新渲染日历，但该方法似乎不可用/无法正常工作，所以我想我会尝试rerenderEvents()保留相同的日历对象，但该功能似乎也无法访问。希望熟悉FullCalendar v.4的任何人帮助解决这个问题

一旦用户将收集到的数据输入到数据对象中并将其附加到状态中，但如果我只是镜像上述内容，它会在旧日历之上呈现一个全新的日历。

就像我无法在渲染后获取 Calendar 对象以进行这些方法调用，但在单独的函数中捕获它时遇到了麻烦。所有文档都说是调用.destroy()或调用.rerenderEvents()而不是调用它们。

我尝试了以下方法来减轻双重渲染......

但这无济于事。我什至无法从handleNewEvent() 中渲染()，因为它看起来好像状态无法在其中保存函数，并且我找不到将函数从ComponentDidMount() 传递给handleNewEvent() 的方法。我不知所措...

我需要创建一个新行，将彼此相似的标题列分组，我尝试使用resourceColumnsand resourceGroupField，但都没有成功。也许我没有很好地利用它们。

是否有可能使用 eventClick 方法获取单击事件的位置？

info.jsEvent.pageX 正在返回鼠标的位置。

谢谢你们的帮助，我决定为此使用模态。

谢谢你

在 Fullcalendar v4 中有一个新的 groupId 事件对象，用于将多个分组事件一起移动。我们有一个相当复杂的自定义 v3 安装 Fullcalendar 和 Scheduler，并且不想为了获得 groupId 功能而进行升级。

有没有办法将此功能移植到 v3（例如，可以添加到 fullcalendar.js 的一段代码）？

升级到 4.0.1 的问题。

文档说：“要注册自定义视图，请使用 createPlugin 而不是 defineView”

但似乎此信息也已过时：

问题：那么 v.4.0.1 中替换我旧的“defineView”代码的确切代码行是什么？

我尝试按照以下说明进行操作： https ://fullcalendar.io/docs/upgrading-from-v3

我的旧代码：

与示例一样：

从 Fullcalendar 3.9 升级到 4.0.1 后，我很难让多天的事件正确跨越，我开始怀疑这是一个错误还是我做错了什么。

下图中名为“10.00 Vossa Jazz 2019”的活动应该从 12.4 跨越到 14.4 - 但仅从 12.4 跨越到 13.4。

Fullcalendar 从 eventSource 获取事件 - 此文件：https ://ekstremedia.no/kk2/rapporter/Festivalar.json 您可以在其中看到：

和

这是正确的，12.4 10:00 到 14.4 22:00。我也尝试过 allDay: true 但它具有相同的行为。

这是一个错误还是有人可以发现一个错误？

演示和来源：https ://ekstremedia.no/kk2/kalender

我正在使用没有 jquery 的 fullCalendar v4.0。我已经像这样初始化它

在数据对象中我有这个。

render()虽然在数据变量中有一个日历，但现在我可以destroy()在任何地方使用它。但我在处理日历事件时遇到问题：

如

我在选择中定义了另一种方法methods: {}来selectCalendar()调用它，但我收到一个错误

我想对select, eventClick, eventDrop,做一些操作eventResize，但我无法在配置中调用方法。

还有什么方法可以将 select 或任何方法定义为

select: this.selectCalendar

这样它就可以直接将事件发送到定义的方法？

我已经尝试过 vue-fullcalendar 但它对我的事业不起作用。任何帮助将不胜感激。

Vue v.2.5.21

我不知道如何在 fullcalendar 4 事件中显示更多细节。在这篇文章之后：

[fullcalendar]让 listMonth 显示比月份更多的详细信息

我尝试了这段代码但没有成功：

但我收到错误：解析 JSON 失败。你有什么想法，我做错了什么？谢谢你。

编辑：我发现我可以用这个代码得到类名 fc-title 的 div：

但不知道如何在其中附加 div 或 span 或任何元素。

我目前有一个使用 PHP 和 MYSQL (AWS RDS) 设置的完整日历应用程序。

事件开始和结束时间以字符串形式存储在数据库中，类似于Fri Mar 29 2019 09:00:00 GMT-0700 (Pacific Daylight Time)，来自event.start和event.end属性。

然后，使用 load.php（由 调用events: load.php）加载它们，如下所示：

此时，它们显示；但是，它们总是会提前 7 小时显示它们应该显示的时间（例如09:00:00变成16:00:00）。

我认为这是因为当数据来自数据库时，它以某种方式忽略了时区，但是当我使用 更改时区时timezone: 'UTC'，什么也没有发生。

任何帮助/建议将不胜感激，谢谢！