问题标签 [fullcalendar-scheduler]

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 回答
66 浏览

fullcalendar - 调度程序时间线日长周期快照事件

是否可以阻止将资源捕捉到一整天的timelineDay 视图(见图),因为您可以看到开始/结束时间并不完全在当天开始/结束,但由于某种原因它被捕捉。(见红线,应该在13:43结束)

资源捕捉

0 投票
1 回答
859 浏览

fullcalendar - 设置光标样式效果不佳

我正在尝试将光标设置为当天前几天的“no-drop”和当天后几天的“指针”。

我尝试使用 css: fc-past, fc-today,fc-future 并且效果很好,我也尝试了 jquery 插件配置并且效果很好。

这在没有事件时工作正常,当我在日历中有事件时出现问题。Fullcalendar 创建一组没有事件的空天,它们位于单元格上并且光标样式丢失。进入 fc-content-skeleton 有一个 z-index 为 4 的表,这个 div 在 fc-bg 之上,它有光标 css。这个 fc-content-skeleton 对每个事件都有 fc-event-container(我可以设置 css),但是在没有事件的日子里,创建一个我无法设置样式的空。这导致无法将鼠标的光标设置到 this 中。结果是,在同一天(没有事件),如果您移动光标,它会从我的样式(在 fc-bg 中设置)更改为默认值,如果光标位于 empty 上。您可以在http://fullcalendar.io/home上的展示中看到这一点。

我花了很多时间试图将光标设置到这个 td 但没有结果。这种行为让我发疯。谢谢您的帮助。

从 JS Bin 添加一个示例: http ://jsbin.com/qekajezepu/1/edit?js,output

0 投票
1 回答
110 浏览

fullcalendar - 在 Fullcalendar 的调度器中添加时间指示(资源视图)

在使用调度程序的资源视图时,用户发现很难理解悬停时间。

在下面添加这个 $('#calendar').fullCalendar( ... );

和 CSS

问题:当用户按下下一个或上一个按钮时,日历再次呈现表格并且.hover 不起作用。

0 投票
2 回答
982 浏览

angular - PrimeNG Schedule 未显示的事件无法读取 null 的属性 scrollTop

我正在尝试使用 PrimeNG 的 Schedule 组件为用户显示日历事件。日历显示,但是当 Fullcalendar 尝试呈现事件时,它返回错误:
"ORIGINAL EXCEPTION: TypeError: Cannot read property 'scrollTop' of null"
事件应该是正确的格式,因为这个项目只是从已经使用 Fullcalendar 的 angular1 版本重构。下面我包含了 html、配置选项和试图显示的事件的模拟。



事实证明,无论我包含什么选项,fullcalendar 总是给出相同的错误。我什至尝试加载没有选项的计划模板,但仍然有同样的错误。这似乎表明我包含 Schedule 和 fullcalendar 的方式不正确。我通过 npm install --save 包含了primeng 和 moment,然后通过 html cdns 包含了 fullcalendar。我按照此处显示的实施更改 来启动并运行计划。然后,我将 Schedule 添加为我当前组件的提供者和指令。Schedule 也包含在我的类构造函数中,以便我可以从组件的方法中引用它。

0 投票
1 回答
995 浏览

jquery - 来自单个事件源的 RefetchEvents fullcalendar

我正在使用 fullcalandar jquery 插件,但现在我坚持重新获取日历。我有两个事件源,并且我在日历标题上制作了自定义刷新按钮。每当用户点击刷新按钮时,我只想从第二个事件源重新获取事件。

有没有办法在 fullcalendar refetchEvents 中传递参数并从单个事件源重新获取。

每当用户单击自定义刷新按钮时,我正在做$("#calendar").fullcalendar('refetchEvents');- 这将重新获取整个日历(第一个 + 第二个事件源)

我期望做的是,我只想为第二个事件源重新获取。

0 投票
3 回答
3581 浏览

ajax - 我想通过 ajax 调用更新全日历营业时间

我可以轻松地通过 ajax 调用呈现事件。但我无法更新营业时间并在 ajax 响应后应用选择约束....

0 投票
1 回答
368 浏览

fullcalendar - 如何将 FullCalendar 资源与 Google 日历中的 EventSources 关联?

我搜索了文档,但没有发现将 FullCalendar 资源与 Google 日历中的事件源相关联。

这是相关代码:

请帮忙 :-)

0 投票
2 回答
770 浏览

fullcalendar - FullCalendar - 如何增加时间线小时之间的空间?

我正在使用这个基本示例http://fullcalendar.io/js/fullcalendar-scheduler-1.3.2/demos/theme.html

想要在时间线小时之间增加大小,所以如果我有 20 分钟的事件,那么标题就不会完全显示

截屏

有什么建议么 ?谢谢

0 投票
1 回答
797 浏览

javascript - 如何在另一个事件中添加一个事件 - fullcalendar

我尝试创建一个基于 AngularJS 的名册。对于这个项目,我使用的是 fullcalendar(调度程序版本)。

这是我目前的状态:

在此处输入图像描述

目标是,我想将我的员工拖放到工作层中。例如,“Haris Bjelic”,在我的工作层中(显示为“WL from 01.06 - 04.06”)。

然后我知道“Haris Bjelic”需要从 01.06 到 04.06 工作(没有任何休息,呵呵)。首先,我试图找到一个函数,它可以让我在另一个事件中添加一个事件。在这种情况下,我首先从 01.06 创建了一个名为“工作层”的层。- 04.06' 我可以在此层中拖放任何员工,以计划他们的工作时间。

在调度程序中,左侧列出了我的部门(如酒吧、服务等)。右侧是可见的接下来的几天。

目前我尝试了这个功能:

因此,如果我将“haris bjelic”拖放到“WL from 01.06 - 04.06”中,如果它们重叠在一起,我就可以访问这两个事件。因此,我尝试获取“可拖动”事件的 ID 和“WL from 01.06 - 04.06”的 ID,以将其设置为数据库的关系。

如果这样做了,我想将员工姓名附加到工作层的“标题”。如果我将“Haris Bjelic”和其他员工拖放到“WL from 01.06 - 04.06”,结果需要如下所示:

在此处输入图像描述 这就是我想要得到的结果!

使用eventOverlap函数,我可以访问这两个事件。目前,当我将“haris bjelic”拖到另一个事件并触发了重叠功能时,我想更改工作层的标题。

在 eventOverlap 我试过这个:

它创建了一个新事件来仅更改文本!

看这里:

在此处输入图像描述

为什么 updateEvent 会创建一个新事件而不是更新旧事件?我将 StillEvent 放在 updateEvent 函数中。

0 投票
0 回答
107 浏览

php - 从 mysql 填充嵌套的 json

我正在尝试使用完整的日历调度程序插件,并且正在尝试从我的数据库中创建所需的 JSON。所需格式如下所示。我需要让员工成为他们部门的“孩子”

所以所有的清洁工都会显示在清洁下,人力资源下显示人力资源等

我的表格如下所示:

到目前为止我的代码,它只输出所有内容