问题标签 [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.
fullcalendar-4 - FullCalendar 4 逆背景
我在 FullCalendar v4.0.2 中遇到反向背景问题。
代码:
当我使用此代码时,共享相同 ID 的事件不会在此渲染发生时组合在一起。
javascript - 在我的开发者控制台中与 FullCalendar 交互
我在我的网页中使用FullCalendar.io并尝试使用我的浏览器控制台与之交互。
HTML:
JS:
在我的控制台中,如果我运行calendar.next();
,它会说 calendar.next() 不是一个函数。
有人可以解释为什么以及与日历交互的正确方法是什么?
我也尝试过使用
但返回相同的错误。
javascript - 全日历调度程序 v4 中的 eventDrop、oldResource 和 newResource
我正在尝试最终创建一个 php 脚本来更新 mysql。当我一步一步尝试设置变量并让 js 正常运行时,我在更改调度程序中的“资源”房间时遇到了困难。
如果我更改事件的位置并更改房间,我会收到一条 JS 警报,提示“标题已从 [旧时间] 放到 [新时间]。旧房间 [oldresource]。新房间 [newresource]”。这运作良好。
但是,如果我在同一天将事件移动到某个位置,我会收到错误 - 因为 info.oldResource 和 info.newResource 仅在事件移动到新资源时才可用。如果它们在同一资源中移动,则该对象不存在。
我尝试在 IF 语句中工作。控制台日志显示为空,但我的 if 语句并未停止其余代码的处理。这最终(我认为)会导致命令无法正确运行——一旦我将它们传递给 PHP。
我计划使用不包含 oldResource 或 newResource 对话的“else”语句来处理保留在同一资源中的更改。
我的代码是这样的:
javascript - 如何在 eventListener 中动态而不是手动传递实际的 javascript 数组?(全日历)
我直接从文档中获取了事件部分代码,显示了如果传递多个源和多个事件,您将如何获得事件代码。这看起来很棒,除了我不知道如何使它动态生成。我从数据库中得到一个带有 php 数据的查询,传递给一个 javascript 数组,并且需要在适当的标签中打印返回的 x 行数的结果。
我的任何尝试做一段时间、for 循环或函数,都会使其中的关键字变量(如 eventSource、event、Title、Start)变得无效且对 javascript 不可读,导致我的日历崩溃。如果它打算采用数组,则必须有一种方法来动态生成此部分?感谢任何提示。在我想“循环”或动态生成的地方添加了注释。
twitter-bootstrap - Bootstrap CSS 打破了工具提示弹出框
事件工具提示事件渲染工作正常,直到我添加引导 css
工作现场
https://fullcalendar.io/docs/event-tooltip-demo
当我将以下内容添加到 css
它会阻止显示提示。
这是在 codepen 上添加 css 的相同演示
https://codepen.io/ryan-ramsumair/pen/GLGpwQ?editors=0110
我该如何补救?
javascript - FullCalendar,如何在 eventClick 函数上更改事件类
我的日历使用来自 ajax-php 脚本的事件进行初始化。这些事件有一个简单的 css 类,绿色背景色用于可用事件,红色背景色用于不可用事件。
我需要当我单击绿色事件时,它会变成红色以将其设置为不可用。
fullcalendar - 根据事件标题更改背景颜色 Fullcalendar 4
我正在尝试更改 fullcalendar v4 的事件(在日视图中)的背景颜色。我花了几个小时试图实现 eventRender,但无济于事。这使我找到了其他解决方法,但是现在,我要罢工了!
我试图找出这里解释的解决方案:[ Fullcalendar - 根据值更改事件颜色..
但是,每次搜索“是”这个词是 TRUE 时,我都会在 chrome 控制台中收到一个错误,提示“解析 JSON 失败”。如果我将搜索查询更改为会创建“错误”的内容,我不会收到此错误。对我来说,这意味着搜索正在工作,但事件渲染功能以某种方式失败。
我的代码:
我的目标:在元素标题中搜索“Accomp”一词(可能在 info.event.title 中).. 并将背景更改为不同的颜色.. 比如红色.. 或其他颜色。
如果出现 Accomp 一词,我也尝试在此字段中显示一个图标,但是 - 我必须以模式显示它,因为我无法让 eventrender 显示 html。
我认为这是因为 FC v4 的差异.. 但我不确定。
我也试过:[是否可以根据标题分配 FullCalendar 事件的背景颜色?..但我也无法解决这个问题。
更新:搜索功能正在工作,正如我在控制台日志中看到的那样,但是每当我尝试设置 css 时,日历都不会呈现。
javascript - 如何正确使用 JSON 将事件/事件源传递给 FullCalendar?
我的最终目标是通过 JSON 动态传递 eventSources。在我开始动态生成 JSON 内容之前,我正在尝试使用文档示例通过 JSON URL 将一个简单的单个事件传递到我的事件标记中,手动编写。
我可以看到 URL 有效,因为我可以通过 php 在我的 wordpress 网站中回显结果,但是我传递 JSON URL 的 JS 脚本只会使日历崩溃。我真的在这个问题上摸不着头脑。
还提到了使用本地时区日期(例如当前显示月份的范围)触发对 JSON 的 GET 的 prev/next 按钮。我应该如何语法化 json 以便让事件调用找到数据点范围?我真的对这一切感到困惑。
JSON 文件:calendar.json
PHP 文件:page-calendar.php