问题标签 [fullcalendar-5]

我需要显示 3 个事件并将它们彼此相邻放置。假设同时有 3 个事件。实际上，它们以 33% 的相同宽度出现。我正在使用 extendedProps 在渲染钩子中应用不同的 CSS 样式（例如，不同的背景颜色）。我禁用了 slotEventOverlap。

有没有办法将第一个事件的宽度（在第一列中）更改为例如 10%，其余两个更改为 90%/2 = 45%？

我正在使用 Fullcaleder v5，并且我已经尝试在 eventDidMount 钩子中更改 CSS left 和 right 属性。

更新 1： 我正在使用 timeGridWeek 视图。我正在从 3 个不同的数据源加载事件。源 1 的事件将具有类型：“TypeA”，源 2 的事件将具有“TypeB”等。对于每一天，我都有 3 种不同类型的事件，我将按照 TypeA 的事件显示在一天的左栏，中间是TypeB的Events，右侧是TypeC的events：

我试图实现的是修改第一列中事件的宽度（显示TypeA事件的那个，在这种情况下它只是一个没有任何标题/文本的栏）：

我试图更新通过 eventDidMount 函数传递的元素中元素的父节点的左属性和右属性（因为我注意到左/右属性是从 0 开始同时发生 3 个事件的情况。 .33%、33%..66% 和 66%..100%）。因此，在加载事件后，我计算每一天和事件的左右属性（对于每一天：给我 TypeA 的事件，计算左右，给我 TypeB 的事件，计算左右等）

在 eventDidMount 函数中，我尝试应用这些左右值：

更新 2： 禁用 eventOverlap 的原因是因为它在有很多事件时看起来更好。

我在 CodeSandbox 上设置了一个示例，它显示了 3 种类型的事件（3 个数据源/存储在数据库中）。我有以下情况：

TypeB 事件是计划中的事件，TypeC 事件是某人将预订的实际时间，TypeA 是一种开始和结束摘要（例如签入、签出）。现在我正在尝试将 TypeA 事件呈现为细条（标题和时间并不重要），而其他事件则更宽。我可以更改宽度，但事件/列的空间保留为 33%。而且它不应该是一个全局设置，因为有些日子没有 TypeA 的事件（那时只有 TypeB 或 TypeC）。

任何帮助表示赞赏：

https://codesandbox.io/s/amazing-maxwell-g2kuu?file=/src/CalendarDemo.js

我不确定为什么会收到未知选项错误。事件适当地呈现。我可以拖动它们，但是当我释放它们时它们会恢复到原来的日期，而不是在新日期中删除事件。我已经加载了 Jquery-ui 和交互插件。

控制台错误是

当页面在用户与任何事件交互之前加载时会出现错误。

我正在将 V4 fullcalendar 转换为 V5，并且在模式关闭后用于重新获取事件的代码不再有效。代码是

文档只是这样说

但它没有引用日历，它只是说“calendar.refetchEvents 不是函数”

我整个下午都在谷歌搜索和尝试事情，没有运气，所以非常感谢任何帮助。

在月视图中使用 fullcalendar-scheduler 我想在每天的左上角放置一个图像和/或文本。换句话说，天数在每天的右上角，我想在每天的左上角放一些东西。

我的日历显示每天安排的工作。有些工作可能只分配一个工人，而其他工作可能有五个人。将鼠标悬停在工作上会显示工人的姓名，这很棒。但是，我每天都需要一个更好的可视化指示器，以便一目了然地查看整个月的状态。

我还没有决定这会是什么样子——我正在考虑两种选择：

无论哪种方式，我都不知道如何注入自定义数据。有什么建议么？

为这个问题寻找合适的解决方案需要几个小时。

有什么方法可以将同一块（一天中的同一小时）的事件堆叠在列表（列）中而不是连续堆叠？

我在 React 中使用 FullCalendar

我正在使用 FullCalendar，我想让旧日期可见但不可点击。

我也在使用validRange属性，它运行良好，但它只会让它们不可见。

完整日历版本 5。

这是我的代码：

这是屏幕截图：

我有两个日历（源和目标），我想将一个事件从源拖到目标。

在目标日历中，有一个名为eventReceive; 在这种情况下，有时我需要打电话revert()。问题是info.revert();在目标日历中有效，但我还需要将事件恢复到源日历。目前，它已被移除，没有明显的方法可以将其放回原处。

有可能这样做吗？

资源

目的地

在打字稿中：

你好世界。我正在使用 Fullcalendar v5。在多个道具上动态设置道具时遇到问题。

附件是显示问题的代码。

你可以在这里看到它的实际效果： https ://codepen.io/roi-werner/pen/vYKXOJp

当一个 setProp 被多次调用时，过去一周的事件只受最后一次调用的影响，并忽略之前发生的任何事情。在此代码中，它假设更改名称和背景，它只对最初加载的视图中的事件而不是在其他事件中这样做。

我正在尝试使用Fullcalendar Vue的timeGridWeek视图。在以下情况下，我不断收到以下错误：

Error: viewType "timeGridWeek" is not available. Please make sure you've loaded all neccessary plugins

我安装了所需的插件：

并按照Demo App中的规定导入它们，但我总是收到该错误。

我相信这是由于我的本地项目的原因：我能够让演示应用程序自己正常工作，以及将流程复制到另一个项目中。它从来没有为这个项目工作过。

我可以尝试做些什么来解决这个问题？我已经删除了节点模块，通过 npm 重新安装了所有包，构建了生产项目，没有运气。我的完整 Vue 组件package.json如下：

Authenticated.vue

package.json

希望使用 Angular 10 中的 rrule 插件创建一个隔夜事件，该事件在 fullcalendar 中每 2 周重复一次

• 活动从星期一晚上 8 点开始，到星期三上午 11 点结束，每隔一周重复一次。
• 我使用以下规则：

我无法使用 fullcalendar 和 rrule 插件创建隔夜活动。

我能够创建一个简单的周期性一天事件，每隔一周重复一次。

目前使用

1. 角度 10.1.0
2. 全日历/角度 5.3.1
3. 全日历/rrule 5.3.1

感谢您的反馈和意见。