问题标签 [fullcalendar-4]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
363 浏览

jquery - dayclick不显示模式弹出窗口

dayClick 在单击某天时未显示模式弹出窗口,因此无法创建任务/约会,以下是我与 dayClick 相关的编码部分。以下是 dayClick 函数的模态弹出窗口的 HTML,显示了模态弹出窗口的 id,并且是 dayClick 函数中模态弹出窗口的正确 id。我已经包含了 jquery 和 bootstrap。

0 投票
4 回答
9346 浏览

jquery - Fullcalendar V4 - 清除所有事件

我正在从 JSON 源加载动态事件,但是每次单击不同的房间时,我都想在获取新事件之前清除所有事件

我试图清除 eventSource 但无济于事

这会导致错误:

我以前一直在使用 V3,但升级到 V4 并且文档有点难以理解如何清除事件。

0 投票
0 回答
644 浏览

css - Fullcalendar 如何打印 div:媒体打印

我很好地使用了完整日历版本 4。我正在向它添加一个打印按钮。文档说我不需要包含任何其他文件(如需要的版本 3),我应该能够使用媒体查询处理打印。

我一直在阅读有关媒体查询的内容,并提出了一些代码来处理日历 div 的打印页面。

我从上面提取了一些不必要的代码来简化这一点。当用户单击打印链接时,我只想打印 calendar_full。

我在这个索引页面上包含了 calendar_full.php,它有我的完整日历脚本。在该文件中,我有以下 CSS。我是媒体打印 CSS 的新手,所以我只需要隔离 calendar_full div。

选择打印时,我看到如下内容:

在此处输入图像描述

日历永远不会超过那个高度,无论我在什么视图中:列表,周等。事件自然会被切断,看起来,一直到那个观点。我不知道这是否只是一个 CSS 问题,或者我是否需要使用完整的日历插件做更多事情。

我基本上需要它来扩展整个打印范围以包含所有日历 div 事件。

0 投票
0 回答
51 浏览

javascript - 为什么在我单击下一个按钮完整日历后我的事件会加载?

我使用 2 个全日历。我很困惑为什么我的第二个日历中的事件没有加载。这是我的第二个日历的代码。

我希望有人能澄清我在这段代码中的错误。我已经搜索过这个主题,并且看到了与下一个和上一个按钮相关的内容。日历是否仅在单击下一个和上一个后才呈现事件?

0 投票
1 回答
239 浏览

javascript - 当其中有事件时,如何更改日期单元格的颜色?

我想更改日期单元格的背景颜色,但我的代码没有更改单元格的颜色。事件的背景正在发生变化。这是我的代码。

我如何访问该.fc事件?因为我需要改变它的背景颜色。

0 投票
0 回答
341 浏览

fullcalendar - 在 FullCalendar 4 中更新 RRule 事件的正确方法是什么

我有一个包含一个重复事件的 FullCalendar,由 RRule 字符串初始化。您可以在代码沙箱上查看演示 日历可编辑,因此您可以将事件拖到不同的位置。

当事件被删除时,会调用一个info传递参数的函数。

检查info.event.start我发现事件的开始时间确实发生了变化。

现在检索 RRule 字符串以便将其存储在我的数据库中的最佳方法是什么?请注意,字符串中的 DTSTART 属性也必须更改!

0 投票
1 回答
3032 浏览

angular - 使用 fullcalendar 4 和 angular 8 在 init 上加载事件

我已将完整日历从 v3 更新到 v4,并且我将它与 angular 8 一起使用。问题是如何在init和上加载事件date change

我试过这个设置:

组件获取事件[events]并需要数组。我可以在组件的 init 上加载数组,但我不知道如何在日期更改时加载新事件(您单击下周的按钮)。

在 fullcalendar V3 中,我加载了这样的事件:

每次更改日期或视图时都会触发此功能,并且有startend。如何在 V4 中使用 Angular 进行类似调用?我正在查看文档,但找不到解决方案。

0 投票
2 回答
69 浏览

javascript - 无法将 api json 数据绑定到 javascript 代码

我的问题是我调用了一个 api,它给了我一组我需要通过 javascript 绑定的 json 数据。我正在使用 fullcalendar API 来显示日历。下面我只是粘贴我的代码,请帮助我。在控制台中我没有任何错误,但仍然无法正常工作。

我正在为我的 api 使用 asp.net mvc 5 并获取我直接使用 javascript js6 fetch 的请求。

我的 JavaScript 代码

控制台中的json数据

我在控制台中没有任何错误。但它仍然无法正常工作。提前致谢。

0 投票
0 回答
39 浏览

fullcalendar - 在 FullCalendar v4 中计算总时间

我有一个包含几个重复事件的 FullCalendar。在初始加载和每次事件更新后,我想计算所有可见事件的总时间。通常,当renderComplete触发事件但 FullCalendar 中没有这样的处理程序时,我会这样做。还有另一种方法可以做到这一点吗?

0 投票
1 回答
661 浏览

fullcalendar - Fullcalendar 使用资源作为选择菜单的功能

使用 Fullcalendar 4,我正在尝试使用选择菜单显示/隐藏我的资源。当用户从菜单中选择一个提供者时,我只想显示一个资源的事件。

在我的完整日历上方,我有我的选择菜单:

我正在使用包含的 fullcalendar.php 页面上的 ajax 调用来收集我需要的资源。我将它们存储在一个对象中,然后尝试控制在屏幕上显示哪些资源:

为了确保 getJSON 正常工作,我有 console.log(resourceData)。收集后控制台中的信息是:

...以上是可以选择/呈现的正确资源。所以这似乎没问题。

在页面加载时,根本不显示任何资源,当资源 id 为“1”(Screech Powers)时,应根据我的代码显示。好吧,至少,这就是我现在想要做的。

当菜单更改时,资源将显示/隐藏,但不基于选择的内容;仅显示菜单中选择的内容的逻辑似乎不起作用。

我曾经对我的资源使用 URL 请求:'ajax_get_json.php?what=schedule_providers_at_location',它运行良好!所有资源都会正确显示它们的事件。我只是想通过使用菜单来根据需要显示/隐藏资源来修改它。