问题标签 [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 投票
2 回答
4012 浏览

fullcalendar - 根据视图过滤要显示的 fullCalendar (v5) 事件

dayGridMonth我想看到事件的一个子集,在listMonth我想看到所有这些。
例如,在网格视图中,我不想看到带有标题的事件break(在我的实际情况下,这是一个更复杂的规则:只显示唯一的事件标题)。

我试过了:

这确实隐藏了它们,但是当从隐藏事件切换时dayGridMonth不会listMonth回来。我不介意存储+恢复原始值,但在切换视图后display事件不再出现。eventDidMount

如何仅为该视图“设置属性显示:无”?

0 投票
1 回答
2891 浏览

fullcalendar - fullCalendar (v5) 回调/处理程序随时呈现视图?

任何时候渲染视图的方法是什么?

不仅切换视图时,点击今天/上一个/下一个?
我需要在每次渲染完成之后(或之前)清除一组独特的事件标题。

因此,类似于从 v4 开始eventAllRender删除的内容。

目前.click为所有按钮使用事件,这可以解决问题,但我希望有一些与实际渲染真正相关的东西。

0 投票
0 回答
297 浏览

reactjs - FullCalendar DayGrid 多日事件拆分

我们使用FullCalendar v5 React 组件进行事件显示 - 数据是从 API 获取的。

在 DayGrid 的月视图中,我想将事件拆分为不同类别的多个列,如下所示:

事件类型分为列

使用自定义 CSS 完成。问题是多天事件跨越它们发生的日子,因此百分比样式(例如,“占用框宽度的 33%”)变为全宽度(“占用 3 个框宽度的 33% ')。甚至很难说它发生在哪一天。

有没有办法将事件分成多天,例如 TimeGrid 的周和日视图?

就像在这张照片中

谢谢!

0 投票
1 回答
875 浏览

javascript - Fullcalendar v5 Last hour notshowing after set slotMaxTime dinamiclly

在我最后一小时没有显示之后,我正在尝试添加动态 slotMinTime 和 slotMaxTime。我在 HTML 中看到了它,但没有显示。我尝试使用 calendar.destroy 并渲染,但什么也没有……你可以在图像上看到。这是我的代码..请帮忙!!! 最后我们失踪

0 投票
1 回答
903 浏览

javascript - 如何在 Fullcalendar v5 中显示和隐藏事件

我正在尝试根据 extraparam 值显示和隐藏事件。但是它没有按预期工作。任何意见,将不胜感激。

js:

html:

feed.php 返回:[{"id":"1","title":"event1","start":"2020-07-07 19:30","end":"2020-07-08 19: 30","backgroundColor":"#39CCCC","cid":"1"},{"id":"2","title":"event2","start":"2020-07-09 19: 30","end":"2020-07-10 19:30","backgroundColor":"#F012BE","cid":"2"}]

0 投票
1 回答
86 浏览

javascript - 特定日期的事件在所有日期都呈现

我正在使用 fullcalendar,我想将事件添加到特定的日期和时间,但该事件会在所有日子里呈现。(时隙有效)

我浏览了所有文档,但找不到任何错误。

我的代码:

这是我的代码笔错误和我正在使用的代码!
https://codepen.io/alfijuan/pen/yLeqwer?editors=1010

希望任何人都可以提供帮助!

谢谢!

0 投票
1 回答
604 浏览

fullcalendar - IE11 的 Fullcalendar v5 问题

对我来说发生了一些奇怪的事情。在我的工作计算机上无法在 Internet Explorer e11 上运行 fullcalendar v5,但在我的个人计算机上它可以工作,并且它的版本比我的工作计算机低。有什么想法吗?

例如,我在网页https://fullcalendar.io/上看不到任何示例

或者这段代码

0 投票
1 回答
1054 浏览

fullcalendar - 如果完整日历 5 中有事件,如何设置全天的背景颜色

我已经设置了 Full Calendar 5 并从我使用的 CMS 中提取条目。一切都很好。

但是,我很难让一整天的时间都拥有背景颜色。在随附的屏幕截图中,有一个事件发生在 7 月 13 日。我需要一整天都以红色突出显示,而不仅仅是事件。

我尝试设置 eventDisplay: 'background' 但是当我这样做时,该事件不再可点击。

理想情况下,如果文本不适合日历,文本也会换行 - 7 月 3 日星期五不换行。

日历截图

**** 编辑 **** 我说服了我的客户接受完整日历的格式化方式,因此我不再需要这样做。

0 投票
3 回答
1399 浏览

javascript - 未捕获的 TypeError: $(...).fullCalendar 不是函数错误

我有一个显示 2 个日历的 FullCalendar 库的小代码。一个在第一个选项卡上,一个在第二个选项卡上。两个日历都会显示,但是,在页面加载时不可见的日历没有正确显示。

在此处输入图像描述

完整代码:https ://codepen.io/MadBoyEvo/pen/rNxQQYP

所以我想我会进行刷新或快速将视图从当前更改为新视图,然后在选项卡开关上返回当前,但无论我做什么它都不起作用。

错误显示:Uncaught TypeError: $(...).fullCalendar is not a function

我尝试将 calendar.js 脚本从上到下移动到失败但没有任何帮助的脚本代码之前或之后。

我有点 JS 菜鸟,所以我有点不清楚为什么它不起作用。我对 DataTables(Try/catch)使用了类似的方法,它工作正常(如果加载了 DataTable)

编辑:

我尝试搜索日历 ID - 我可以找到它,但在第 3 行可以看到相同的错误。

0 投票
0 回答
288 浏览

javascript - 是否可以将“allDaySlot”选项与 TimelineView fullcalendar 一起使用?

我想在我的时间线视图日历中使用全天选项,但该行没有显示。我正在使用带有 vuejs 的完整日历。

像这样的时间轴日历是否可以使用 AllDay 选项? 在此处输入图像描述

如果没有,我该怎么做才能拥有一个特殊的第一行资源?(如 allDay)

更新:

我删除了我的房间事件,我只放置了这个简单的 allDay 事件:

我的观点是这样的:

在此处输入图像描述

我有一个自定义的 3 个月时间线,你可以看到上面没有任何内容。我没有将 allDaySlot 设置为true,因为文档说它默认启用。

更新

这样的事情可能吗?(绿色:资源 | 灰色:标题)

在此处输入图像描述