问题标签 [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.

0 投票
1 回答
236 浏览

asp.net-core - 使用 fullcalendar 从 razor post 获取 json 的错误请求

我已经实施了完整的日历。它确实按预期显示,但获取数据出错

.cshtml

.cshtml.cs

.js

当我加载页面时,我看到一个请求正在发生,但它返回一个 400 错误请求。知道为什么吗?

请求:

在此处输入图像描述

0 投票
1 回答
145 浏览

fullcalendar-4 - FullCalendar 4 逆背景

我在 FullCalendar v4.0.2 中遇到反向背景问题。

代码:

当我使用此代码时,共享相同 ID 的事件不会在此渲染发生时组合在一起。

0 投票
3 回答
218 浏览

javascript - 在我的开发者控制台中与 FullCalendar 交互

我在我的网页中使用FullCalendar.io并尝试使用我的浏览器控制台与之交互。

HTML:

JS:

在我的控制台中,如果我运行calendar.next();,它会说 calendar.next() 不是一个函数。

有人可以解释为什么以及与日历交互的正确方法是什么?

我也尝试过使用

但返回相同的错误。

0 投票
1 回答
362 浏览

javascript - 全日历调度程序 v4 中的 eventDrop、oldResource 和 newResource

我正在尝试最终创建一个 php 脚本来更新 mysql。当我一步一步尝试设置变量并让 js 正常运行时,我在更改调度程序中的“资源”房间时遇到了困难。

如果我更改事件的位置并更改房间,我会收到一条 JS 警报,提示“标题已从 [旧时间] 放到 [新时间]。旧房间 [oldresource]。新房间 [newresource]”。这运作良好。

但是,如果我在同一天将事件移动到某个位置,我会收到错误 - 因为 info.oldResource 和 info.newResource 仅在事件移动到新资源时才可用。如果它们在同一资源中移动,则该对象不存在。

我尝试在 IF 语句中工作。控制台日志显示为空,但我的 if 语句并未停止其余代码的处理。这最终(我认为)会导致命令无法正确运行——一旦我将它们传递给 PHP。

我计划使用不包含 oldResource 或 newResource 对话的“else”语句来处理保留在同一资源中的更改。

我的代码是这样的:

0 投票
1 回答
151 浏览

javascript - 如何在 eventListener 中动态而不是手动传递实际的 javascript 数组?(全日历)

我直接从文档中获取了事件部分代码,显示了如果传递多个源和多个事件,您将如何获得事件代码。这看起来很棒,除了我不知道如何使它动态生成。我从数据库中得到一个带有 php 数据的查询,传递给一个 javascript 数组,并且需要在适当的标签中打印返回的 x 行数的结果。

我的任何尝试做一段时间、for 循环或函数,都会使其中的关键字变量(如 eventSource、event、Title、Start)变得无效且对 javascript 不可读,导致我的日历崩溃。如果它打算采用数组,则必须有一种方法来动态生成此部分?感谢任何提示。在我想“循环”或动态生成的地方添加了注释。

0 投票
1 回答
239 浏览

twitter-bootstrap - Bootstrap CSS 打破了工具提示弹出框

事件工具提示事件渲染工作正常,直到我添加引导 css

工作现场

https://fullcalendar.io/docs/event-tooltip-demo

当我将以下内容添加到 css

它会阻止显示提示。

这是在 codepen 上添加 css 的相同演示

https://codepen.io/ryan-ramsumair/pen/GLGpwQ?editors=0110

我该如何补救?

0 投票
1 回答
678 浏览

javascript - FullCalendar,如何在 eventClick 函数上更改事件类

我的日历使用来自 ajax-php 脚本的事件进行初始化。这些事件有一个简单的 css 类,绿色背景色用于可用事件,红色背景色用于不可用事件。

我需要当我单击绿色事件时,它会变成红色以将其设置为不可用。

0 投票
1 回答
1867 浏览

fullcalendar - 根据事件标题更改背景颜色 Fullcalendar 4

我正在尝试更改 fullcalendar v4 的事件(在日视图中)的背景颜色。我花了几个小时试图实现 eventRender,但无济于事。这使我找到了其他解决方法,但是现在,我要罢工了!

我试图找出这里解释的解决方案:[ Fullcalendar - 根据值更改事件颜色..

但是,每次搜索“是”这个词是 TRUE 时,我都会在 chrome 控制台中收到一个错误,提示“解析 JSON 失败”。如果我将搜索查询更改为会创建“错误”的内容,我不会收到此错误。对我来说,这意味着搜索正在工作,但事件渲染功能以某种方式失败。

我的代码:

我的目标:在元素标题中搜索“Accomp”一词(可能在 info.event.title 中).. 并将背景更改为不同的颜色.. 比如红色.. 或其他颜色。

如果出现 Accomp 一词,我也尝试在此字段中显示一个图标,但是 - 我必须以模式显示它,因为我无法让 eventrender 显示 html。

我认为这是因为 FC v4 的差异.. 但我不确定。

我也试过:[是否可以根据标题分配 FullCalendar 事件的背景颜色?..但我也无法解决这个问题。

更新:搜索功能正在工作,正如我在控制台日志中看到的那样,但是每当我尝试设置 css 时,日历都不会呈现。

0 投票
0 回答
71 浏览

javascript - fullcalendar 4.0.2 版本语言韩国月视图问题

0 投票
3 回答
706 浏览

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