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

javascript - 每次全日历重新渲染时都会更改样式

首先,我使用的是 fullcalendar v5。

到目前为止我所取得的成就

该标志用于指示开始和结束事件。第二个和第三个事件是第一个事件的重复。我想要实现的是,当我在第一个事件上选择一个日期时,它会将背景颜色更改为白色,第二个和第三个事件将自动跟随第一个事件。

这是我的代码:

问题是当我更改为其他月份时,已经更改为白色的日期背景颜色将在全日历重新渲染时变回蓝色。

当我更改为其他月份并返回时,它变成了这个

0 投票
1 回答
1137 浏览

javascript - fullcalender angular 10初始视图不起作用

我正在使用 angular 10 和 fullcalender 5.3.1。出于某种原因,我无法将 fullcalender initialView 设置为日视图。它总是卡在 dayGridMonth 视图中

这是 html -

这是我的 ts 代码

我还尝试设置为 dayGridWeek 或 listweek 等其他视图。没有任何工作。我还尝试在 html 中设置初始视图——

也不起作用

这是视图

初始视图卡在月视图中,无法更改为日视图或周视图

任何帮助都会得到帮助

0 投票
2 回答
1096 浏览

fullcalendar - 获取视图信息 Fullcalendar V5

我正在尝试获取有关完整日历视图的一些信息。特别是每次用户更改月份时,我都需要获取“activeStart”和“activeEnd”。我目前正在使用 Fullcalendar V5,并按照此链接https://fullcalendar.io/docs/view-render-hooks上的指南进行操作

但是当用户更改月份时我无法触发事件(Fullcalendar 正确呈现)。使用 viewClassNames 只有当月有事件时才会触发事件。

0 投票
1 回答
708 浏览

html - 如何使事件标题出现在多行完整日历版本 5(资源时间线视图)

这是我对日历的初步看法

这是我的代码。我已经添加了正常的空白,即使那样它也不起作用。我不知道错误。

0 投票
0 回答
118 浏览

fullcalendar - Fullcalendar 调度程序 - 标题水平滚动错误

我正在使用全日历调度程序 v.5.3.2。水平滚动似乎不适用于时间线视图标题,自定义视图为 6 周(resourceTimeline)。

这是我的代码:

这是我看到的错误,因为标题根本没有移动: displaced_header

我已经在没有 customview 的情况下对其进行了测试,并且在 IE 11、Chrome 和 Firefox 中结果相同。¿ 这是一个错误吗?¿ 有人知道如何解决吗?Fullcalendar 演示工作正常:https ://fullcalendar.io/docs/resourceAreaColumns-grouping-demo

我也没有在此处或 github 中找到有关此问题的任何信息。

0 投票
1 回答
889 浏览

laravel - 如何在 Laravel Mix 中使用 FullCalendar

我已经使用 npm 安装了 Fullcalendar 库包。

我也将它包含在 app.js 中。

但是,当尝试使用以下代码创建日历时:

我得到错误...

Uncaught ReferenceError: Calendar is not defined at HTMLDocument.<anonymous>new Calendar

.

我究竟做错了什么?

我的 webpack.mix.js 看起来像这样:


编辑:

将我的 app.js 设置为:

我现在收到此错误: Uncaught TypeError: Cannot read property 'length' of undefinedon

0 投票
1 回答
140 浏览

javascript - eventClick 未在自定义视图中触发

我使用的是最新的 Fullcalendar.js。我尝试扩展列表视图,并且能够定义自己的视图并将其查看到显示器,但eventClick不会触发。我怎样才能解决这个问题?

0 投票
0 回答
82 浏览

javascript - Fullcalendar-Sheduler - 如何在第二个 resourceAreaColumn 上添加图标/html

我正在使用 fullcalendar-scheduler-5.3.0。

我的事件和资源来自 json url:

资源区定义:

例子:

我想在资源列表的第二行中显示字段“状态”中的图标。但我只在这个领域得到清晰的 html。

有什么建议么?

0 投票
0 回答
462 浏览

javascript - 我正在使用完整日历资源时间线周视图,版本 5。日期水平滚动。我想垂直滚动日期

有什么方法可以实现日期的垂直滚动。可以在css change的帮助下完成吗?这是我的日历代码。是否有任何其他 JS 日历在周视图中有垂直滚动日期?

0 投票
1 回答
371 浏览

javascript - Fullcalendar v5 如何使用菜单导航 nav-tabs 显示和隐藏事件

我想使用诸如引导导航导航选项卡之类的菜单来显示和隐藏事件。

在选项卡上时,我单击 Event1 仅显示带有“cid:“1””的事件,Event2 仅显示带有“cid:“2””的事件,并且 ALL 显示所有事件。

谁能帮我开发这个?基于这个问题Fullcalendar v5 how to show and hide events with checkbox我制作了一个基于复选框的代码笔,仅用于启动... https://codepen.io/berettatim/pen/rNeXwLm

html:

脚本: