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

javascript - 如何在自身内部使用变量

我想在内部使用变量,我看到其他人这样做,但为什么它对我不起作用?

这是我的 ES6 文件

如何使用calendarAgendaViewInit来调用addEvent函数而不将函数作为未定义的错误?

提前致谢!

0 投票
0 回答
141 浏览

fullcalendar - 渲染一年的事件,在 ResourceTimeline 中显示 40 天的日期范围

我正在将 FullCalendar v4 添加到我们的 React 应用程序中,而且我对 FullCalendar 还很陌生,所以如果我问一个基本问题,请原谅。

我搜索了文档和 StackOverflow,但找不到任何关于我当前问题的提示。让我简要描述一下我们的目标场景:

我们想要加载和呈现一整年的事件,并向用户显示大约 40 天(整个月以及从上个月和下个月开始的 5 天)的日期范围。用户应该能够使用滚动条滚动浏览全年。

第一个问题是 FC4 是否已经提供了我们可以实现目标的功能。我尝试定义持续时间为 30 天的“resourceTimeline”类型的自定义视图,并将“validRange”设置为当前年份。这给了我想要的外观,但不幸的是它是静态的——只要屏幕可以显示 40 天的整个区域,滚动条就不可见。使用下一个/上一个按钮,我可以在 40 天段之间切换,但我宁愿使用这些按钮在年份之间切换,并使用滚动条在年内滚动。

我们现在尝试将“visibleRange”设置为当前年份,并在“datesRender”函数中以编程方式滚动到当前日期。问题是我们无法确定是否最初加载了 FC4(我们将滚动到当前日期)或者用户是否手动滚动到时间轴中的另一个日期并在那里编辑了一个事件。在这种情况下,应保持滚动位置。

所以我们缺少的是告诉我们“executeRender”函数已经完全执行的匹配回调。此时的问题是,我如何以及在何处提供一个特定于应用程序的回调函数,该回调函数在所有日期和事件都呈现后触发。我还看到了几个内部成功回调。是否可以覆盖它们?

任何想法和提示都将受到高度赞赏。非常感谢您的思考。

0 投票
1 回答
1957 浏览

javascript - 如何在完整日历中隐藏事件标题

我正在使用完整日历,但在给定日期进行简单预订时遇到问题。问题是我不知道如何在一天内创建的每个事件中删除/隐藏标题。

0 投票
1 回答
2525 浏览

javascript - 如何在完整日历中的所有单元格日显示文本

我想在完整日历的每个单元格上显示一个文本,但默认情况下我总是得到那个长条。谁能知道该怎么做?

});

0 投票
5 回答
2814 浏览

fullcalendar - EXDATE 是否不包含在完整日历的规则中

我有一个在每个月的第四个星期五发生的周期性日历事件,我想排除 1 个星期五事件。我已经尝试过EXDATE,但出现错误

传递 JSON 失败

没有EXDATE规则可以正常工作。

以下是我在完整日历中用于制作活动的详细信息

0 投票
2 回答
1405 浏览

javascript - Fullcalendar Angular - Tooltip.js CSS 未应用(CSS 封装问题)

我在 Fullcalendar 的 eventMouseEnter 和 eventMouseLeave 事件上添加了 Tooltip.js,但 Tooltip 没有样式,它只显示纯文本。见下图。

在此处输入图像描述 我试图在这里使用这个例子,但没有结果。

如何像以下示例一样设置工具提示的样式?

在此处输入图像描述

这是我的代码:

约会.component.ts

约会.component.html

LE:似乎 CSS 不适用。我使用了示例中的 CSS。

0 投票
0 回答
66 浏览

javascript - 如何获取被点击事件的具体日期

我已经尝试了事件点击功能来获取日期,但我无法理解eventClick正在获取的参数。这是我的代码

变量scheduleClick没有得到任何帮助?

0 投票
1 回答
449 浏览

javascript - Fullcalendar.io 如何从标题中截取“上一个”和“下一个”

我正在使用带有 typescript 的 react 构建一个应用程序,现在用于显示日历我正在使用Fullcalendar.io 我的问题是我不知道如何在您单击标题时拦截事件,prev或者next您可以看到附图片。图书馆提供的解决方案是这样的。但我想知道我是否可以使用另一种智能解决方案。

部分代码

谢谢指教。

0 投票
1 回答
147 浏览

javascript - 如何在 typescript 或 javascript 中访问变量数据

我建议您先查看代码并阅读此内容。我正在尝试访问“选项”对象中 eventClick 的数据,如代码所示。问题是如果想访问该变量之外的数据,我什么也得不到。任何人都可以建议如何在外部访问该数据!

我期望控制台应该返回该函数的值。

0 投票
0 回答
68 浏览

javascript - Fullcalendar - 如何获取不是事件的单元格的日期和小时

Fullcalendar - 问题是:如何获取不是事件的单元格的日期和时间。

我们可以从事件中获取日期、时间和其他值,但我想获取(并插入)单元格的日期和时间到位于当前鼠标光标上的指定 div 元素。 在此处输入图像描述

前任。如何显示:2019-06-17 08:30 在指定或元素中

提前谢谢