问题标签 [fullcalendar-5]

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 投票
3 回答
1998 浏览

ruby-on-rails - FullCalendar 未知选项 'dateClick'

我有一个 rails 6 应用程序,并按照官方文档(使用 yarn 和 webpacker)添加了 FullCalendar

当我运行服务器时,日历显示正确并且单击事件也可以,但是单击日期没有任何作用。在开发人员工具中,我收到消息:未知选项“dateClick”。

我的 calendar.js 看起来像这样:

当我从中复制代码node_modules/@fullcalendar/interaction/main.js并将其粘贴到另一个文件中并从那里导入它时,它可以工作。

0 投票
0 回答
112 浏览

fullcalendar - FullCalendar 5 是否仍然允许定义自定义 dayName 数组?

是否可以在 FullCalendar 版本 5 中定义自定义日期名称、短日期名称、月份名称等?我相信大多数本地化现在都是使用 javascript 的Intl对象本地完成的。Intl但我需要定义在对象中找不到的拉丁名称。是否可以使用自定义语言环境文件或通过传入属性初始化日历来完成?从我的测试来看,两者都不起作用,但也许我做的不对?

和语言环境文件la.js

(我通过脚本标签加载:)<script src='../lib/locales/la.js'></script>

有些东西是从语言环境文件中提取的,例如我看到hodie而不是today。我已经尝试在语言环境文件中定义dayNamesdayNamesShort,但似乎也不起作用。

0 投票
0 回答
27 浏览

javascript - 来自外部源的重新渲染事件/刷新事件 [FC5.2.0]

我从带有 eventSources 的数据库中获取事件。这很好用。当我在数据库中复制事件(日历外)并想用 calendar.render() 刷新时,这不起作用,因为现有事件没有改变。它通过刷新浏览器来工作。使用 calendar.destroy() 然后 calendar.render() 日历似乎不会重新渲染。之后调用 calendar.destroy() 和调用 calendar.render() 应该可以工作,对吧?这在我的环境中不起作用

0 投票
1 回答
64 浏览

javascript - FullCalendar 事件的奇怪行为

我正在使用具有此配置的完整日历。

当我选择一个事件时,从一天开始,它就变成了

在此处输入图像描述

一整天没有任何结束值,当我从一天的一开始开始时,它伴随着最后一个小时,而我希望它显示为

如果选择全天,则从 00:00 开始,到 23:59 结束,依此类推。我的配置有什么问题。

0 投票
2 回答
362 浏览

javascript - FullCalander 5 添加事件

我正在构建一个 CRM 并尝试在日历 div 之外创建一个按钮,如果我按下该按钮,它应该会在该 div 上创建一个事件并且它不起作用。有人可以指出我做错了什么吗?

这是我尝试过的:

这是我的整个脚本:

0 投票
2 回答
300 浏览

javascript - FullCalendar 5.1:如何动态更改资源和事件

我有一个完整的日历 5.1 项目,其文档可以在以下位置查看:https ://fullcalendar.io/docs 。还有一些 jquery 和 bootstrap 混合在一起。我将完整日历初始化为:

在上面的代码中,初始读取的是一个 JSON 文件。同样,在初始化的同一代码块中,事件也从 JSON 文件加载。到目前为止,一切都很好。我需要做的是根据另一组 JSON 文件更改资源和事件。文件名是在单击按钮时创建的,加载 JSON 文件没有问题。但我找不到任何适用于我的 FC 库版本的示例。这是一个产生错误的旧代码:

我得到的错误是那fullCalendar()不是一个函数,这是有道理的,因为该代码是旧的;我可以在 FC 的 3.9 版中使用它,这对我来说不是一个选择。

Stackoverflow 和其他站点上的示例似乎也指向旧版本的 FC。

那么如何加载新的 JSON 文件并将它们显示在日历的资源和事件中?

先感谢您!

0 投票
1 回答
511 浏览

javascript - Fullcalendar Scheduler 5 以编程方式扩展资源组

我正在使用 fullcalendar-Scheduler 5.2。

如何展开或折叠资源组?我知道resourcesInitiallyExpanded函数,但我想展开/折叠特定的资源组。

我找到了一个示例: https : //codepen.io/anon/pen/odNOWZ?editors=0010 但这是针对旧版本的 Fullcalendar。

我将使用resourceGroupLabelDidMount钩子,它给了我这个参数:

当上述钩子以 function(arg) 形式指定为函数时,arg 是具有以下属性的对象:

组值

el - 元素。仅在 resourceGroupLabelDidMount、resourceGroupLabelWillUnmount、resourceGroupLaneDidMount 和 resourceGroupLaneWillUnmount 中可用

但是哪里可以调用click函数呢?

谢谢 !

0 投票
0 回答
220 浏览

javascript - FullCalendar - 显示谷歌日历不起作用

我一直在尝试将我的谷歌日历集成到FullCalendar.io中。

我没有谷歌集成的代码如下所示:

使用该代码,我得到一个空日历 - 到目前为止一切顺利。

然后我尝试按照文档来集成谷歌日历。

我为 Google 日历创建了一个 API 密钥,公开了我的日历并将 URL 复制到其中。

然后,使用以下代码,我收到一条错误消息“未定义 googleCalendarPlugin”:

然后我尝试简单地从那里删除插件,这解决了以前的问题,但是,现在我从谷歌得到结果,说我的 API 密钥不正确....这可能是有道理的,因为我无法遵循Fullcalendar 的确切程序,如文档中所述,它说要创建“浏览器密钥”,但是,Google 只为我提供了创建 OAuth 客户端 ID 或服务帐户的可能性,而不是创建浏览器密钥...

有人知道如何让它工作吗?

或者是否有人知道在网站上显示您的谷歌日历的好选择(除了使用谷歌提供的 iframe 方法,因为没有样式是可能的)?

编辑:似乎我以某种方式设法创建了一个适用于日历的 API 密钥......但是,现在我得到一个 404,我想这意味着googleCalnedarID不正确......可能是这种情况,因为它看起来与文档显示的内容完全不同..

0 投票
1 回答
745 浏览

javascript - fullcalendar v5 getEventByID 不是函数

问题出在线路上event = calendar.getEventByID(uuid);- 我收到错误消息getEventByID is not a function,我不确定从那里去哪里。

当我检查日历对象时,我注意到原型属性有另一个原型属性,它定义了getEventById——像这样:

所以我不确定去哪里 - 我真的不知道如何根据它的 ID 查找事件。

0 投票
1 回答
2470 浏览

javascript - 如何在 fullcalendar V5 中更改 fullcalendar 源

我正在使用完整的日历 v5.3.0。我想做的是,我有两个日历来源。

  1. 最初,当第一次显示日历时,我必须显示来自两个来源的事件。
  2. 如果在加载日历后它发生更改,我有一个下拉列表,那么我必须仅显示来自下拉源的事件。
  3. 如果用户更改视图类型或单击上一个/下一个,那么我必须仅显示来自默认源的事件。从以上三点来看,我已经完成了第一点和第二点,但我卡在了第三点上。我无法弄清楚如何在视图类型更改或上一个/下一个按钮单击时再次将日历源从下拉列表更改为默认值。以下是我的代码。

最初加载日历的代码

两个来源下拉菜单和默认

删除下拉更改的所有源,然后仅添加下拉源,然后重新获取事件

我尝试使用 eventDidMount 更改源,但它没有触发,console.log() 没有记录任何内容。