问题标签 [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.
javascript - 如何将自定义属性添加到 FullCalendar 中的每个时间段单元格?
有没有办法为 Fullcalendar v4 中的时间网格的每个时间段添加一个新属性?
类似于eventRender的东西,我可以为每个这样渲染的事件设置属性
我没有设法在文档中找到任何单元格元素函数,我找到的最接近的是“ info.dayEl ”对象,但它是一整天的。
换句话说,我想改变这个:
对此我有自己的属性:
javascript - 来自源的 Fullcalendar 4 rrule 插件 var
根据
https://fullcalendar.io/docs/rrule-plugin
rrule 插件应该在 events 模块中
我的事件模块正在使用从数据库源加载
我从以下 phpcode 获取 (id , title , start , end) ,但我如何从同一模块中获取 rrule 参数 (freq,interval, dstart, until)。
fullcalendar - 如何设置所有谷歌日历事件以显示背景渲染?
我正在使用 FullCalendar 4,并且正在从我的谷歌日历中导入事件。我希望这些在日历中显示为全天背景事件,以显示我很忙,而不是显示事件是什么,以及它持续了多长时间。导入事件并显示它们通常可以正常工作。
我尝试使用EventRender更改渲染属性,如下所示
这似乎破坏了事件并且什么都不显示,当我在更新以记录开始日期后尝试访问事件时,我得到以下信息。
在 setProp 调用之前执行此操作会正确输出日期。
我在文档中注意到,当使用EventRender时,该函数还可以返回一个全新的元素,该元素将用于渲染。对于全天后台事件,您必须确保返回一个<td>
.'
但是,我在新文档或示例中找不到任何有关如何执行此操作的示例?
我还尝试在 EventsRender 和 DatesRender 中为每个循环创建一个循环来拉回所有事件,并为每个现有事件创建一个新的背景事件,然后销毁现有事件。不过,这似乎并不奏效。在 EventsRender 中完成后,我得到一个永久循环,因为该函数info.event.remove();
似乎永远无法工作。在 DatesRender 我得到一个新的背景事件,但仅在一个月的第二次渲染时,它不会删除现有的。请参阅下面的 DatesRender 代码。
我显然在做一些暗淡的事情。谁能指出我正确的方向?
更新
正如建议的那样,您可以使用eventDataTransfer方法非常简单地做到这一点!
javascript - 如何更新约束或阻止事件大小调整为 24 小时
我需要一种方法来阻止事件的持续时间最长为 24 小时,但我还需要能够将事件拖到一天(或更长时间)。在以前的全日历版本中,我能够使用“eventResizeStart”对事件设置约束并使用“eventResizeStop”删除约束,但看起来它不再起作用了。在 fullcalendar 4.x 中还有办法做到这一点吗?
编辑:我想做的(适用于 v2):
有些人尝试v4:
javascript - 是否可以删除事件源并根据视图名称动态添加它们?
我正在尝试设置一个具有多个视图的日历,除了每个视图上显示的事件外,这些视图都是相同的。我可以通过 viewSkeleton Render 回调按 ID 删除 EventSources - 但我无法将 EventSource 添加回日历。
广泛搜索了切换可见性的方法和类似的东西 - 但大多数结果都是针对以前版本的 FullCalendar - 试图在 v4 中实现这一点。
简化测试用例: https ://codepen.io/jacobcboe/pen/MReJep
我实际上是在尝试使用 Google Calendar EventSources 执行此操作,但为简单起见,使用数组事件作为测试用例。
fullcalendar - 在 FullCalendar 中跨多个月调整选定日期的大小选项
我刚开始使用 Full Calendar 4。它很棒。一切都很好。
我包括一个功能,可以跨多个月调整已选择的日期。例如,我选择了 4 月的日期,我想继续选择到 5 月 10 日,但我认为目前不可能。
我试图让它像这样工作:
单击下个月,保存当前选定的日期,按住 Ctrl 或 Shift 键,单击其他日期并将这些日期添加到先前选定的日期。
我经历了新的功能请求和问题,但这里没有列出这个确切的功能。只是好奇地问一下,是否有任何其他可能的解决方法可以解决此功能,或者我做得对吗?
fullcalendar - 版本 4 中是否有等效于 eventAfterAllRender 回调?
我正在重构一个最初使用 3.4 版完成的项目。我需要根据事件顺序向事件元素添加 tabindex,以前我使用的是 eventAfterAllRender,但我似乎在 v4 中找不到等效项,是吗?解决这个问题的最佳方法是什么?
angular - 如何在 v4 ng-fullcalendar 中使用“资源”?
fullcalendar v4 无法识别语法“资源”。
写为“资源:”的部分出现错误。
周格组件
它应该像示例https://fullcalendar.io/docs/vertical-resource-mixed-demo中一样工作,但是,即使文档中支持它,它也无法识别语法,就像它不存在一样。
javascript - 为什么 fullcalendar 解析 JSON 失败?
概括
我已经设置了 fullcalendar,我正在尝试使用 JSON 事件源在其中显示数据,如他们的文档中所述。
我不断收到以下失败消息Failure parsing JSON
。
我尝试过的事情
这是将触发失败消息的 JSON[{"title":"Lorem Ipsum","start":"2019-04-01","end":"2019-04-02"},{"title":"The Test","start":"2018-09-01","end":"2018-09-02"}]
我正在使用全日历版本 4.0.2。
我已经验证了我的 PHP 代码在 linter 中返回的 json。
我Content-Type: application/json
在 json 响应中添加了一个标头。
我尝试使用eventDataTransform
钩子返回在 fullcalendar 文档中找到的一些示例 JSON (请参阅编辑历史记录中的代码)
~~奇怪的是,当我将上面的 JSON 直接放在我的 javascriptevents
选项中时,它确实有效。~~ 编辑:正如 Jaromanda X 和 Quentin 所指出的,这是一个 javascript 数组而不是 JSON。
代码
我希望我的 json 可以被解析,因为响应与我直接提供给events
选项的响应相同
附加信息
json.php 文件的内容
我尝试将方法更改为 GET,但没有帮助。
我附上了我在检查员JSON 响应的网络选项卡中看到的响应的屏幕截图