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

javascript - 如何添加选项以使用 JavaScript 日历(在我的 Angular APP 中)将视图类型更改为天?

你好社区我在我的 Angular 9 应用程序中使用https://fullcalendar.io/(版本 5)的完整日历。

我已经看到日历具有这些选项来更改视图类型。

在此处输入图像描述

但我不明白如何在我的应用程序中启用这些选项我目前有这个 在此处输入图像描述

准安装

我已经安装了模块

我已将它导入到您使用它的模块中

及其html

在此处输入图像描述

0 投票
0 回答
286 浏览

fullcalendar - Fullcalendar V5:dayHeaders 在 resourceTimeGridDay 视图中不可见

dayHeadersresourceTimeGridWeek在视图中可见。请参阅下面的屏幕截图。

在此处输入图像描述

dayHeadersresourceTimeGridDay在视图中不可见。请参阅下面的屏幕截图。

在此处输入图像描述

如何显示与dayHeaders视图resourceTimeGridDay相同的resourceTimeGridWeek视图?

注意: Fullcalendar V5(version 5),使用resourceTimeGrid插件('@fullcalendar/resource-timegrid')。

0 投票
1 回答
852 浏览

php - Fullcalendar 事件添加/编辑和调整大小。无需重新加载/刷新页面即可获得成功回调

当我添加新事件或更新事件或更改事件或拖动新时间或新用户时,每次页面都会刷新。但是如何在不重新加载页面并显示更新的事件时间或删除事件的情况下解决此问题。我将日历版本 5 用于全日历。

0 投票
1 回答
684 浏览

css - 从 FullCalendar v5 中删除日历的外部边界

我一直在尝试删除日历的外边框,但是我设法做到的最好的方法是删除所有边框(或仅删除水平/垂直边框)。我只需要去掉外边框(图片显示了我需要的东西;日历的底部不在屏幕截图中https://i.stack.imgur.com/hXAYP.png)。到目前为止,我在 chrome 开发工具中花了很长时间试图弄清楚我可以在哪里做到这一点,但我似乎找不到解决方案。

作为参考,我正在使用一个 css 文件来覆盖 fullcalendar css。我不认为我的代码是必要的,因为我什至找不到只删除外边框的正确元素。我正在使用border-style: none !important;我也尝试border: 0px !important;过。

我正在寻找的元素可能在 cdn 中用于 fullcalendarv5 的 css 方面:https ://cdn.jsdelivr.net/npm/fullcalendar@5.1.0/main.css

编辑:代码

cal.html 示例:

cal.css 示例:

0 投票
0 回答
82 浏览

javascript - 以编程方式选择 FullCalendar 中的事件

在周视图的FullCalendar中,带有触摸屏(模拟触摸屏重现),可以选择长按事件。延迟可以通过配置eventLongPressDelay。选定的事件有className 'fc-event-selected'。它显示点,可用于调整结束时间。

我想以编程方式选择事件。例如

我尝试将 className 添加到事件中 - 它显示事件为选中状态,但点不起作用。所以不可能拖放事件的顶部/底部边缘。

有一个问题,但它仍然没有解决。我认为可能有一种方法可以在外部使用这个内部 API。

在屏幕截图上,您可以在事件的顶部和底部边缘看到两个点。它们允许拖放开始/结束时间边缘。它是默认点,仅在长按事件后出现在触摸屏上。

选定的事件

0 投票
0 回答
67 浏览

javascript - 如何在 FullCalendar 事件上删除外部事件

我正在使用带有调度程序的 FullCalendar v5.1.0。

我使用FullCalendar.Draggable从 FullCalendar 之外的 DOM 元素拖放来创建事件。

现在我希望能够将我的元素放在日历上以创建一个事件或另一个事件来组合它们。我找不到在事件上添加删除功能的方法。

我可以使用本机拖放事件,但激活后不再触发它们FullCalendar.Draggable

FullCalendar.Draggable如果鼠标悬停在事件上,有没有办法使行为过载?

0 投票
0 回答
30 浏览

javascript - 如何禁止用户在 fullcalendar.io(版本 5.0.1)中添加事件?

我正在使用 bootstrap 4 和 fullcalendar.io (version5.0.1) 开发一个项目。我使用“选择”功能让用户单击特定日期以添加事件。但我想限制用户仅在完整日历中添加一个事件。

我试图获取添加事件的长度但失败了。

代码在这里。

0 投票
1 回答
217 浏览

asp.net - Fullcalendar 更改周末背景色

我创建了一个新的 MVC asp.Net 网页,为了测试我添加了 Fullcalendar 5.1。

为了测试,我把所有的东西都放在 index.html 中:

但是背景颜色不会改变:-(如果我像这样输入一些其他变量:

标题填充更改。我在做什么错?

小提琴就是例子: http: //jsfiddle.net/rajesh13yadav/nf9whojL/1/ 你能帮帮我吗?

编辑: 作为一种解决方法,我使用这个:

风格是:

但为什么我不能设置其他属性?

0 投票
1 回答
188 浏览

javascript - 在 Fullcalendar v5 中使用 css-class 切换事件颜色

我想通过添加一个css类('click_class')来标记一个点击事件。再次单击该事件应删除“click_class”。作为一个起点,我想知道如果要在 eventClick 之后将持久 CSS 类添加到事件中,应该更改对象中的哪个值?

或者

两者都不起作用

类在此事件对象中定义

我所知道的。

0 投票
1 回答
101 浏览

fullcalendar - 如何在为fullcalendar v5设置eventContent中的内容时获取事件的高度

我们如何在为 fullcalendar v5 设置 eventContent 中的内容时获取事件的高度。我已经检查了代码并且它是自动生成的,但是我想在 eventContent 处获取高度以根据高度隐藏/显示信息。