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

django - 在 django admin 中使用完整的日历;将外部拖动的项目保存到模型

我已经在我的管理员中设置了 fullcalendar,所以我可以在日历上拖动时间段以选择可供我的客户预订的日期/时间段,日历工作完美,拖动项目很好,但是当我把它们放在日历中时,它不会保存到我的模型和数据库中。

这是代码。

模型:

html

所以我想在日期上拖放一个时间,并将其保存到模型中使用模型和数据库,或者可能使用序列化为 json?

ej。我在 01/septembre/2018 上拖动时间段 12:00 - 12:30,然后在 db+admin 中,我得到一个新对象 event_name/2018-09-01T05:12:00:00/2018-09-01T05 :12:30:00/null/null/null(因为最后3个字段将被手动修改)

0 投票
0 回答
232 浏览

javascript - Fullcalendar 插槽未进入完整列并从中间开始

我正在使用具有 15 分钟插槽的完整日历周视图。

插槽不是完整的列,每个插槽都从行的中间开始。

在屏幕截图中,上午 9 点从行的中间开始,而不是从开始我如何才能实现我在文档中找不到任何内容。

在此处输入图像描述

以下是我的日历设置

0 投票
0 回答
86 浏览

fullcalendar - Fullcalendar : 从今天开始显示两个月

我正在使用带有时间线视图的完整日历,从现在开始我显示 2 个月(6 月至 7 月或 9 月至 10 月)

我想显示从今天开始的两个月:

例如:今天:05/09/2018 我想要九月和十月

但是如果我们在 10 月,我想要 10 月和 11 月而不是 11 月至 12 月

我不知道我的问题是否清楚

谢谢

0 投票
1 回答
215 浏览

javascript - 如何在完整日历中自定义具有不同日期和不同时间的周末日期

我想在月视图中显示日历,并按行显示日期,例如:今天日期2018-sep-05,我想在日历中显示。

正如我在周视图jsfidddle中所做的那样很好,
我想做与工作日视图jsfidddle2相同的操作,但是,我的问题来了,这里 dow 是 3 表示星期三,我想显示 5,12,19,26道指相同时间不同的日期。
我想要的所有时间都应该适合日历


是他们的任何方式或任何诡计方式。

0 投票
0 回答
682 浏览

jquery - FullCalendar:如何创建自定义时间段?

我的 FullCalendar 应用程序需要自定义时间段。我需要从 09:00 到 13:00(4 小时)、从 13:00 到 18:00(5 小时)和从 18:00 到 22:00(4 小时)的时段,而不是每小时时段。

在此处输入图像描述

这是一个已按照此处所述修复的问题,但该解决方案在我的情况下似乎不起作用:

使用此代码,插槽仍然每小时出现一次...我使用的是 Fullcalendar 3.9

0 投票
1 回答
1210 浏览

javascript - 事件悬停时的完整日历下拉列表

我想在悬停事件时显示完整日历事件的下拉列表。谁能帮我吗?

这是我目前的屏幕截图

在此处输入图像描述

我希望将下拉列表放在我尝试过 z-index 但无法排在首位的所有其他内容之上。

我不想要工具提示我只想要一个悬停事件的下拉列表。

我尝试将完整日历选项设置为的代码:

函数 getToolTipData() 将下拉列表作为 ul 元素返回,这里是:

这是完整日历的样式更改我如何让它悬停

目前它只显示在事件的顶部和当天的那个单元格内,希望它在那个单元格的顶部。

提前致谢。

0 投票
1 回答
982 浏览

fullcalendar - FullCalendar 在 updateEvents 后不重新渲染

我的目标是让 2 个不同的 FullCalendar 元素保持同步。我现在没有进行任何网络调用,只是客户端阵列。

当我添加一个事件时(比如通过单击或在它构建之后),日历实际上并没有像文档声称的那样重新呈现。

我也尝试使用“renderEvents”和“renderEvent”风格,但这似乎没有必要,因为“updateEvents”会/应该更新这些事件的呈现。我还遇到的问题是日历列表版本上的“renderEvent”如果超出该日历的范围,则不会显示我正在添加的事件。

这是该问题的娱乐:

https://jsfiddle.net/Kikketer/7d92utp5/

用例非常简单:将新事件添加到事件列表中,在日历上呈现事件。

0 投票
0 回答
549 浏览

fullcalendar - Fullcalendar - 年视图,月份标题禁用链接

我目前正在尝试仅制作年历。

我禁用了天和月之间的导航并删除了标题(带有按钮)。

但是,在年份显示上,月份是链接。当您单击它时,会更改日历显示的类型(年份显示 => 月份显示)。

在我的情况下,因为我禁用了标题,如果有人点击那个月的链接,他们就不能回到年视图......所以日历变得不可用。

有人知道如何禁用那个“月链接”吗?

月份链接后面的代码。

谢谢

以“月份链接”为例

0 投票
1 回答
1009 浏览

fullcalendar - FullCalendar - 在 dayClick 上获取背景事件

我目前正在尝试在background触发 DayClick 时获取事件(类型)。由于背景类型,我无法使用 EventClick 触发器(我不知道为什么,但在我的情况下什么也没发生,FullCalendar 出了什么问题?)。

这是我的 init 代码:

快速查看

我想要的是:

当我点击一天时,我想要获取与当天相关的事件(背景)(我的日历中每天只有一个事件)。

目前我正在使用 eventRender + dayClick :

使用 DayClick 上的 console.log JSEvent,我知道它让我错了<td>Img

因为,当我尝试<td>使用类来获取目标时fc-bgevent,什么也没有发生:

如果我尝试访问target由获取的 HTML 元素jsEvent,它会向我显示错误<td>,我对此无能为力...

HTML 调试

有人知道如何绕过它吗?

谢谢 !

从日期获取一个事件的代码:

0 投票
0 回答
41 浏览

fullcalendar - 如何在一天的日程中包含一个日期

屏幕

当我切换到查看“一天的议程”时,我想要这个外观。我需要在此视图的配置中配置什么。

升级版:3.9 版

UPD2:

那里的沙箱

此配置文件(短版):