javascript - FullCalendar 在设定的时间内每周重复 mysql 事件-6ren

javascript - FullCalendar 在设定的时间内每周重复 mysql 事件

转载作者：行者123 更新时间：2023-11-29 02:45:50

25

4

编辑:范围现在被正确地构造为数组，日期和时间现在被格式化为 ISO8601。遗憾same error message on console with hasTime .

我正在尝试使用 FullCalendar 制定学校时间表，使用 php 从数据库加载每节课以编码为 json。

我试图仅在学期日期 (2016/09/26 - 2016/12/16) 内在时间表上显示每周重复的每节课。其他类(class)的这个范围可能不同。

下面是 EventListRecurring.php 的输出

   [{
    "id": "1",
    "title": "History",
    "start": "09:00",
    "end": "10:00",
    "dow": "1",
    "ranges": [{
        "start": "2016-09-26",
        "end": "2016-12-16"
    }],
    "allDay": false
}, {
    "id": "2",
    "title": "English",
    "start": "10:00",
    "end": "12:00",
    "dow": "2",
    "ranges": [{
        "start": "2016-09-26",
        "end": "2016-12-16"
    }],
    "allDay": false
}, {
    "id": "3",
    "title": "Geography",
    "start": "14:00",
    "end": "16:00",
    "dow": "3",
    "ranges": [{
        "start": "2016-09-26",
        "end": "2016-12-16"
    }],
    "allDay": false
}]

我试过使用 slicedtoads solution使用以下 javascript 但日历上没有事件并且只获取 this error

CalendarTimetableRecurring

<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link rel='stylesheet' href='fullcalendar/fullcalendar.min.css' />
<script src='fullcalendar/lib/jquery.min.js'></script>
<script src='fullcalendar/lib/moment.min.js'></script>
<script src='fullcalendar/fullcalendar.js'></script>
</head>
<body>
<h1>Reapeating Events Example </h1>
<div id='calendar'></div>

<script type="text/javascript">
var repeatingEvents = 
    'EventListRecurring.php'

var getEvents = function( start, end ){
    return repeatingEvents;
}

$('#calendar').fullCalendar({
    defaultDate: moment(),
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    defaultView: 'month',
    eventRender: function(event, element, view){
        console.log(event.start.format());
        return (event.ranges.filter(function(range){
            return (event.start.isBefore(range.end) &&
                    event.end.isAfter(range.start));
        }).length)>0;
    },
    events: function( start, end, timezone, callback ){
        var events = getEvents(start,end);

        callback(events);
    },
});


</script>   
</body>
</html>

EventListRecurring.php

<?php

$record[0]["title"]="History";
$record[1]["title"]="English";
$record[2]["title"]="Geography";

$record[0]["start_time"]="09:00";
$record[1]["start_time"]="10:00";
$record[2]["start_time"]="14:00";

$record[0]["end_time"]="10:00";
$record[1]["end_time"]="12:00";
$record[2]["end_time"]="16:00";

$record[0]["dow"]="1";
$record[1]["dow"]="2";
$record[2]["dow"]="3";

$record[0]["start_date"]="2016-09-26";
$record[1]["start_date"]="2016-09-26";
$record[2]["start_date"]="2016-09-26";

$record[0]["end_date"]="2016-12-16";
$record[1]["end_date"]="2016-12-16";
$record[2]["end_date"]="2016-12-16";

$record[0]["id"]="1";
$record[1]["id"]="2";
$record[2]["id"]="3";

for ($i=0; $i<3; $i++) {

    $event_array[] = array(
            'id' => $record[$i]['id'],
            'title' => $record[$i]['title'],
            'start' => $record[$i]['start_time'],
            'end' => $record[$i]['end_time'],
            'dow' => $record[$i]['dow'],
            'ranges' => array(
                0 => array(
                    'start' => $record[$i]['start_date'],
                    'end' => $record[$i]['end_date'],
                )
            ),
            'allDay' => false

    );


}

echo json_encode($event_array);


exit;

?>

最佳答案

您的“范围”属性的结构与您链接到的解决方案中的结构不同。您返回的是单个对象，而不是数组:

"ranges": {
    "start": "2016-09-26",
    "end": "2016-12-16"
}

应该是

"ranges": [{
    "start": "2016-09-26",
    "end": "2016-12-16"
}]

修复此问题后，您的代码似乎可以正常运行并按预期工作。

您可以按如下方式修改您的 PHP 以创建此结构:

'ranges' => array(
    0 => array(
        'start' => $record[$i]['start_date'],
        'end' => $record[$i]['end_date'],
    )
)

最后，将您的数据源定义修改为:

events: "EventListRecurring.php"

你现在使用自定义数据源的方式是不必要的，因为你没有操纵数据，而且也不会工作，因为你必须自己处理 ajax 调用 - 目前它只是返回包含 PHP 脚本名称的字符串。它实际上并没有调用该脚本。

关于javascript - FullCalendar 在设定的时间内每周重复 mysql 事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42391448/

25

4

0

文章推荐： ios - UILabel 使用 NSTimer 更新不正确

文章推荐： Elasticsearch、Nest 和 Lucene.net

php - 步进搜索算法。从 N 中选择一个，重复，重复，查看最终结果
我想知道如何考虑需要您做出某些选择才能看到最终结果的搜索系统。我说的是 select 表单，您可以在其中根据您的选择继续操作，然后您会看到结果。下面描述了我正在谈论的一个随机示例。想象一下 Init
MYSQL - 重复
您好，我目前正在编写一些软件来管理我们的库存。我搜索了 2 个表 master_stock(保存每一个股票代码和描述)库存(保存库存代码、地点、数量...) 一切都很好，但这是我遇到的问题。假设我的
mysql向表中插入数据，重复
我有 2 个表，我想合并其数据。id 是我的关键字段(增量且不同)。表1和表2字段说明例如:id - 名称 - 值我想将表2的所有数据插入表1，它们有不同的数据，但在某些行中有相同的id。所以当我
assembly - 重复/广播一个字节到整数寄存器的每个位置
我正在努力解决汇编中的一个问题，我必须获取十六进制代码的第一个字节 (FF) 并将其复制到整个值中: 0x045893FF input 0xFFFFFFFF output 我所做的
eclipse - 重复 eclipse
我有 Eclipse Indigo 版本，我可以在其中运行 Java 和 C++ 项目。但我只想使用另一个 Eclipse 来编写 C++ 项目。所以我将 eclipse(不是工作区)的源文件夹复制
java - 按钮代码使应用崩溃(重复)
This question already has answers here: What is a NullPointerException, and how do I fix it? (12个答案)
r - 每个值的累积计数(重复)
This question already has answers here: Numbering rows within groups in a data frame (8个答案) 5个月前关闭。
vim - 更强大的点版本(重复)
我知道用q记录到寄存器中，但我想知道是否可以设置一些东西来快速调用最后一个记录，就像一样。回顾最后一个简短的编辑命令(有关的讨论请参阅 here。)。我知道@@，但它似乎只有在执行@z之后才起作
Xcode 重复/删除行
来自 Eclipse 并且一直习惯于复制行，发现 Xcode 没有这样的功能是很奇怪的。或者是吗？我知道可以更改系统范围的键绑定(bind)，但这不是我想要的。最佳答案要删除一行:Ctrl-A
Haskell，重复+排列的组合
假设我有一个包含元素的列表，例如[1,2,3,4,5,6,7,8]。我想创建长度为 N 的该元素的所有排列。因此，对于N = 4，它将是[[1,1,1,1],[1,1,1,2],[1,1,2,1],
java - JMenu 重复
我有一个带有 JMenu 的 JFrame。当我在某些情况下添加包含图像的 JPanel 时，程序首次启动时菜单会重复。调整大小时重复的菜单消失。任何建议都非常感激。谢谢。代码如下: public c
JAVA HashMap 重复
我正在尝试查找目录中文件的重复项。我对这个 block 有一个问题，它以文件地址作为参数: public void findFiles(ArrayList list){ HashMap hm
c# - 回发时列表框重复(重复)
我知道这个问题已经发布并且已经给出了答案，但我的情况不同，因为我在单个方法上填充多个下拉列表，所以如果我点击此链接 After every postback dropdownlist items re
c# - 从时间段中选择一天 - 重复
我正在尝试为我的日历应用程序实现重复模式。我希望它的工作方式与 Outlook 在您设置重复约会时的工作方式相同。 public async Task> ApplyReccurrencePeriod
c# - 重复 cookies ？
我有一个利用 cookie 来支持准向导的应用程序(即，它是一组相互导航的页面，它们必须以特定顺序出现以进行注册)。加载 Logon.aspx 页面时 - 默认页面 - 浏览器 cookie 看起来
Javascript 重复 if 语句更好的解决方案？
我有 3 个输入，代码检查它们是否为空，如果为空，则将变量值添加到输入中。所以我有 3 个具有值的变量: var input1text = "something here"; var input2t
javascript - 仅更改数组元素三次，重复
根据数组的长度更改数组的每个元素的最佳方法是什么？例如: User #1 input = "XYZVC" Expected Output = "BLABL" User #2 input = "XYZ
javascript - Algolia 重复
我在让 Algolia 正常工作时遇到了一些麻烦。我正在使用 NodeJS 并尝试在我的数据库和 Algolia 之间进行一些同步，但由于某种原因似乎随机弹出大量重复项。如您所见，在某些情况下，会弹
java - ANTLR4 重复 AND
遵循以下规则: expr: '(' expr ')' #exprExpr | expr ( AND expr )+ #exprAnd | expr ( OR expr )+ #exprO
Android动画应该从左进入，等待一段时间再从右离开，重复
我有一个布局，我想从左边进入并停留几秒钟，然后我希望它从右边离开。为此，我编写了以下代码: 这里我在布局中设置数据: private void loadDoctor(int doctorsInTheL

首页

博学

6Ren·AI

商城

javascript - FullCalendar 在设定的时间内每周重复 mysql 事件