问题标签 [fullcalendar-3]

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

javascript - MomentJS,FullCalendar 时间部分操作

我使用最新的 fullcalendar 和 momentjs。我的时区是GMT+0530

我的流程步骤是;

第 1 步)在 Fullcalendar select:func(...) 中,我捕获用户选择创建事件的日期/日期范围。我将开始/结束日期作为时刻对象。如果我选择一天;momentjs 值是;

开始时间:2017 年 11 月 1 日星期三 00:00:00 GMT+0000

结束:2017 年 11 月 2 日星期四 00:00:00 GMT+0000

问题 1 - 我不能让结束日期在同一天吗?否则 Fullcalendar 会创建 2 天的事件。目前,我通过从时刻减去 1 天来使其工作(这看起来不正确)。

第 2 步)我使用滑块捕获事件开始/结束时间。在滑块开始/结束是从 0 到 1440 在相对端的分钟。我将选定的时间范围转换为时刻对象;

步骤 3) - 选择的时间设置为使用步骤 1中选择的日期;

现在,以事件开始/结束的 moment.toString() 为例;

日期 1:2017 年 11 月 1 日星期三 07:00:00 GMT+0000

日期 2:2017 年 11 月 1 日星期三 12:30:00 GMT+0000 //我执行 date.subtract(1, 'd') 以避免 fullCalendar 将事件渲染到另一天。想知道有没有更好的方法

现在我想要的活动已正确设置为 2017 年 11 月 1 日星期三上午 7 点到下午 12 点

问题 2在 Fullcalendar 视图中渲染是正确的。但是在事件数组中;每个时刻对象的日期都是正确的时间已重置

非常令人沮丧......所以我只是将 FullCalendar 放在一边,并使用应该有效的最终日期对 momentjs 进行了一些测试。

日期 1:2017 年 11 月 1 日星期三 07:00:00 GMT+0000

日期 2:2017 年 11 月 1 日星期三 12:30:00 GMT+0000

我使用 moment(startDate, 'date'); 将 Date 1 转换为 moment 对象;它创建一个时刻对象,并在控制台中显示我上面的日期/时间。如果我这样做了;

以上应该给我小时= 07,分钟= 00而不是0?

但我希望它能给我回馈2017 年 11 月 1 日星期三 07:00:00 GMT+0000

问题 3我做错了什么?

0 投票
1 回答
637 浏览

fullcalendar - 日期单元格底部的完整日历日期

我正在使用 fullCalendar.io 3,我想在底部而不是顶部的每一天单元格中显示日期(7、8、10)。

我试图应用样式将它们置于底部,它们是带有 cls 骨架内容的表格中的 td。

没有任何效果,看来我必须更改源代码。我可以得到我必须进行更改的文件,但这是正确的方法 AFAIK。

应该有一些扩展或覆盖机制来实现这一点。

非常感谢任何帮助。

样本

0 投票
0 回答
591 浏览

javascript - FullCalendar 渲染已折叠

我正在尝试实例化一个 FullCalendar,但是当它最初呈现时,它显示为空/折叠,如下所示: 在此处输入图像描述

当我尝试检查元素时,看起来内容应该在那里。 不可见的日历内容

如果我执行任何调整窗口大小的操作或单击任何 FullCalendar 按钮(“月”、“周”、前进/后退箭头),则日历将重新渲染/重新绘制,使其看起来应该: 在此处输入图像描述

0 投票
0 回答
407 浏览

javascript - 有没有办法将额外的参数传递给全日历选择回调?

我正在为日历功能使用 fullcalendar 库。我目前面临的问题是将额外的参数传递给“选择”回调。

我无法从上述“选择”回调中传递额外的参数。有解决方法吗?

所需解决方案:

这样我也可以检查额外参数中传递的值。

0 投票
0 回答
156 浏览

javascript - fullcalendar-rightclick.js 在 fullcalendar.js 最新版本中不起作用 (3)

Fullcalendar-rightclick.js 在最新版本的 fullcalendar.js 中不起作用,显示以下错误

0 投票
1 回答
289 浏览

javascript - FullCalendar - 如何在列表视图中显示特定数量的即将发生的事件?

我正在使用 FullCalendar 显示来自 Google 日历的事件列表。我需要的是接下来 3 个事件的列表,无论它们在哪一天。

到目前为止,我发现的唯一选项是设置列出的天数:

但是,如果在接下来的三天内没有事件,则此列表为空。

有没有办法设置显示的特定事件数量而不是天数?

注意:我对 JS 的了解非常基础,所以如果唯一的选择是创建自定义视图,我将感谢任何有关其工作原理的示例。

0 投票
0 回答
108 浏览

javascript - 是否可以覆盖全日历范围过滤器?

我正在实现一个完整的日历 IO 自定义视图。我通过 API 调用加载事件,我得到的事件数量是正确的。但是当调用“callback(events)”时,fullcalendar 对数据实施了“范围”过滤器。

我的问题我需要显示所有“当前事件”以及“当前日期 + 10”的所有未来事件。但是范围过滤器是在渲染“视图”之前应用的,所以我只能显示一组有限的事件而不能自定义它。

是否可以覆盖默认范围过滤器并实现我自己的?如果是这样,类/函数的位置如何以及在哪里?

额外细节:Fullcalendar IO 版本:3.4.0 代码实现:

0 投票
1 回答
96 浏览

fullcalendar - 全日历图错误

我可以问一下,也需要你的帮助。我正在使用最新版本的 v3.8.0 完整日历插件。我创建了一个活动,开始日期是 2018-01-16 23:59:00 ,结束日期是 2018-01-17 08:00:00 (11:59pm - 8:00am) 。该事件仅绘制在 16 日的 1 个盒子上,但何时将其设置为 2018-01-16 23:59:00,结束日期为 2018-01-17 09:00:00(晚上 11:59) - 上午 9:00)结果设置为 16-17 天的 2 个盒子。我很难为这个插件设置这个时间格式。

0 投票
0 回答
388 浏览

fullcalendar - FullCalendar '重新呈现' 订阅

订阅事件时如何重新呈现 FullCalendar?

顺便说一句,下面的代码完美运行。如果有新信息,尽管会加载,但在刷新页面之前不会显示。

有没有办法让它变得生动活泼?

下面的代码:

仅供参考,我也尝试了以下方法:

我也在下面关注这个帖子:

rerenderEvents / refetchEvents 问题

下面的代码几乎可以完美运行。感觉是活的和动态的……但我无法删除

从技术上讲,下面的代码是否应该能够渲染数组中的任何内容?

提前感谢大家的帮助

0 投票
1 回答
832 浏览

jquery - 如何在全日历和 gmail 中显示位置?

我已经尝试了一整天,但没有。我还需要显示位置,但我在 fullcalendar 文档中找不到任何有用的信息。

这是我现在的代码。有人可以帮助我吗?

提前致谢。