问题标签 [fullcalendar-4]

我正在使用带有 angularjs 的 fullcalendar 来显示事件。目前月视图工作正常。但是UI中没有显示星期按钮和星期按钮。在左侧和右侧只有今天，显示后退和下一步按钮。我不知道原因。请找到以下代码。

视图.html

我正在尝试FullCalendar在 Angular 应用程序中设置一些特定选项，例如locale, themeSystem。我在网上发现人们正在使用[options]属性设置这些选项，但似乎FullCalendar版本 4 没有这样的属性。

任何适用的指令或 fullcalendar 元素均未提供属性选项

我也尝试使用 api。

但我明白了

错误类型错误：无法读取未定义的属性“setOptions”

如何在不为类中的每个属性创建的情况下设置多个选项？

我正在使用完整日历版本 4。当当天的事件以某种方式发生变化时，我想用事件的计数更新页面的单独部分：有多少未确认，有多少已确认，有多少已取消等在我的代码中的某个日期（称为 call_list_date）。

我想知道是否有办法使用 fullcalendar 的一种方法来做到这一点？我目前正在使用 eventrender 来计算我需要的内容，但我发现即使我调整大小、将事件悬停在当前日期等等时，事件渲染也会被触发，并且计数也会更新。

是否有回调或我可以在 fullcalendar 中使用的东西，只有在用户对事件做出明确更改后重新渲染/删除/添加事件时才会触发。

这是我用来更新计数的方法：

我正在从 Bootstrap DateTimePicker 迁移到 Fullcalendar v4，我的问题是过滤事件。

使用 DateTimePicker，我可以更自由地操作日历上显示的事件（似乎 Fullcalendar v3 比 v4 更自由）。

我找不到将事件从数组放置到屏幕的方法。到目前为止，这就是我的代码的样子

eventsFilter 函数将两个数组合并为一个。可以手动调用events : function(info, successCallback, failureCallback)吗？

我想避免使用多个流和重新加载事件来应用过滤器。

我正在尝试将完整日历实现到我的 React JS 应用程序项目中。我想做的不仅仅是显示标题，我还希望事件显示描述。

我看到了一个先前提出的问题Display more Text in fullcalendar有一个答案使用 jquery (2nd answer) 这是

我试图用我的代码改变它：

如果没有“eventRender”，日历可以正常工作，但我只需要让它工作一点点，我可能会错过一些非常明显的东西，但我一直在盯着并尝试不同的事情，却一无所获。希望有人可以建议我如何做到这一点。

更新 根据您的回答，我已经尝试过了，但这不起作用。你能提供进一步的帮助吗？我很感激。

我在 mySQL 中将我的事件日期存储为 datetime 并使用 fullcalendar 版本 4，它们始终正确显示。我现在正在努力将定期事件添加到日历中，但是当我这样做时，我所有的定期事件都会以上午 12 点开始时间显示，尽管我的实际事件日期/时间是什么。

看看代码笔中发生了什么。我附上了原始代码以供参考。

我在想，也许我没有为重复事件正确存储日期和时间，但正如我所说，它们确实显示正确，直到我将它们设为重复事件。

https://codepen.io/michels287/pen/eaBmxN?editors=0010

我的问题是我做了一个 ajax 请愿来向 mysql 插入一个事件，所以如果一切正常，我想刷新（重新获取事件）fullcalendar 以查看没有刷新页面的新插入。此外，我正在使用 TimeGrid View 和插件的第 4 版。

我测试过：

但这不起作用，至少在 v4 中。

日历代码：

如果我使用 .fullcalendar 但使用 .refetch ，控制台/网络中没有显示错误，它说它没有功能。不是 php 问题，因为我可以正确插入，如果我刷新页面，我可以看到我添加的新事件。

我正在使用 Fullcalendar v4 并试图将浏览器前进/后退按钮连接到 FC 导航中。prev单击月份显示中的 FC 按钮后尝试使用浏览器按钮时出现问题。

我尝试创建一个小提琴并使用 codepen，但我认为这些网站使用的包装器会干扰浏览器按钮事件的某些方面。我在 这里设置了一个修剪过的样本

预期行为的一个示例是：

• 访问上面的链接；单击Go to calendar链接（为了测试，我需要一个启动页面来测试来自真实日历“主页”页面的后退按钮操作）。

• 查看日历工具栏的顶部右侧，然后依次单击月份和日期按钮。

• 使用浏览器后退/前进按钮在视图之间移动。

有缺陷的行为示例：

• 转到月视图。查看日历工具栏的左上角，然后单击“<”prev按钮。这会将显示向后移动一个月。

• 尝试使用浏览器返回按钮返回到最初的月份视图，但没有任何反应。

我正在通过 管理日历状态window.history.state。在我看来，当第一次访问页面时，它window.history.state是空的。在 Fullcalendar 初始化和渲染之后发生的第一件事就是渲染和datesRender调用初始视图。

我检查是否window.history.state为空，如果是，我使用window.history.replaceState设置默认视图状态。然后我要么使用，replaceState要么pushState添加或更新状态信息。

当按下浏览器的前进/后退按钮时，将window.onpopstate触发该事件。当处理程序运行时，“当前”window.history.state是浏览器按钮 POP 之后的状态。我更新状态注释以将其标记为浏览器按钮事件，然后调用 FullcalendarchangeView方法来更新视图。

问题似乎是在 Fullcalendarprev按钮单击后，FC 内部状态发生了一些变化——尽管我无法证明这一点。中的window.history.state已正确更改datesRender。当点击浏览器后退按钮时，window.onpopstate会触发事件并且视图和日期范围正确，可以返回到上个月的视图，但changeView调用不会呈现任何内容。

changeView在这种情况下，我已经使用了浏览器的开发者工具调试器，并且一路走来。没有什么戏剧性的事情发生在我身上，只是在某个时候有一个标志似乎在说“我需要渲染任何东西吗？” 设置为false。

难道我做错了什么？

完整的日历 4 + 调度程序资源事件跨越到下一个时间段。

示例：[1]：https ://imgur.com/a/sfAlvmb “溢出事件”

slotDuration = 15 分钟 slotLabelInterval = 15 分钟

我可以使用 css 覆盖手动更改高度，但我希望这是动态的，以便在调整窗口大小时它仍然适合。

我希望这些事件符合预期的时间范围。

我正在使用 fullcalendar 版本 4 来插入/更新重复事件。通过将 rrule 插入到我的数据库中，然后使用 rrule 插件来显示它，我已经成功地创建了重复事件。

当事件加载时，它们看起来像 JSON 示例：

如果存在规则，则重复事件会正确显示。

我现在正在研究一种更新/查看重复事件的方法。我需要捕捉事件，例如，当它们被移动/调整大小以开始时重复出现。

事件对象没有要检查的 rrule 属性。我正在尝试这个：

...但是当单击重复事件时，示例警报不会显示。事件属性没有规则（它们不在 info.event.extendedProps 中）。

我怎样才能捕捉到重复发生的事件，以便我可以操纵它们？

我的下一步是捕获 RRULE 并将其转换为文本，以便用户可以阅读重复事件的设置方式。所以我对如何检索它有点困惑。

单击时从信息的console.log 中，我可以看到重复发生的事件的属性。RRULE 不存在。它也不在 extendedProps 对象中。