Jquery Fullcalendar定期事件

Question

如何在Jquery fullcalendar中显示重复事件？比如活动在特定的一天开始，并在接下来的一年里继续进行，那么我该如何在完整的日历中显示这一点。

注意：事件信息来自数据库

Answer 1

完整日历不支持开箱即用的重复事件。以下是我所做的。

当我添加一个事件时，我有一个用于重复事件的选择框。假设用户选择它每周重复一次。然后，我将一个具有父ID的事件插入到我的事件表中，该父ID对于该事件的所有实例都是相同的。

完整日历使得重复发生的事件必须具有相同的事件ID。因此，在我的事件表中，我有一个唯一的事件ID列和一个父ID，即我用来呈现事件的列。

因此，在插入第一个事件后，我会立即运行一个循环，选择具有相同父ID的最后一个插入事件，添加7天，并将其插入事件表中。我在这个过程中循环了50多次，然后我有一个一年中每周都会发生的事件。

这里有一些代码：

当用户选择一个时间帧时，我打开一个对话框

    select: function(start, end){
            $( "#add_class" ).dialog( "open" ); 
     },

在对话框上，我有一个下拉选择

<div id="add_class" title="Add New Class">
    <form action="">
    <div id="recurring_event">
        <label for = "recurring">Recurring </label>
        <input type="checkbox" name="recurring" id="recurring"  /> 
        <div id = "recurring_options" >
            Repeat every <select name = "repeat_frequency" id = "repeat_frequency">
            <option value ="1">Day</option>
            <option value="7" selected="selected">Week</option>
            <option value = "28">Month</option>
            </select>
        </div>
        </div>
        </form>
</div>

然后我使用AJAX将这些信息提交到一个名为add_class.php 的php页面

$( "#add_class" ).dialog({
    "Save Class": function() {
            var repeat_frequency = $("#repeat_frequency").val();
            $.ajax({
                type:"POST",
                url: "add_class.php",
                data: "repeat_frequency=" + repeat_frequency,
                async: false,
            });
                $('#calendar').fullCalendar('refetchEvents');
                $( this ).dialog( "close" );
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },

下面是add_class.php部分，我将其实际输入数据库

        $repeat_frequency = $_POST['repeat_frequency'];
        $dbh = new PDO("mysql:host=$mysql_hostname;dbname=$mysql_dbname", $mysql_username, $mysql_password);
        $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION, PDO::MYSQL_ATTR_USE_BUFFERED_QUERY);
        $stmt = $dbh->prepare(
                    "INSERT INTO events (start, end)  //whatever variables you received from the AJAX post on the dialog form
                    VALUES (:start, :end)");
        $stmt->bindParam(':start', $start);
        $stmt->bindParam(':end', $end); 
        $stmt->execute();
        $id = $dbh->lastInsertId();
        for($x = 0; $x < "51"; $x++) {
        $stmt = $dbh->prepare("
                        SELECT start, end
                        FROM events
                        WHERE event_id = :event_id ");
        $stmt->bindParam(':event_id', $event_id, PDO::PARAM_STR);
        $stmt->execute();
        $result = $stmt->fetch(PDO::FETCH_ASSOC);
        $start = $result['start'];
        $end = $result['end'];
        $start_date= strtotime($start . '+' . $repeat_frequency . 'DAYS');
        $end_date= strtotime($end . '+' . $repeat_frequency . 'DAYS');
        $start = date("Y-m-d H:i", $start_date);
        $end = date("Y-m-d H:i", $end_date);
        unset($stmt);
        $stmt = $dbh->prepare(
                    "INSERT INTO events (start, end ) //and whatever other columns you need
                    VALUES (:start, :end)");

        $stmt->bindParam(':start', $start, PDO::PARAM_STR);
        $stmt->bindParam(':end', $end, PDO::PARAM_STR);
        $stmt->execute();
        $event_id = $dbh->lastInsertId();
 }

所以这只是事情的一个大致要点。希望不会有太多的打字错误，因为我试图把它编辑成要点来表达观点。如果你有任何问题，请告诉我。

编辑

要在完整日历上"显示"事件，您需要有一个事件源。

查看这个链接

http://fullcalendar.io/docs/event_data/events_json_feed/

在您的json-events.php中，您可以回显事件数据，然后将其显示在日历上。

有这样的东西在你的日历页面上显示事件

$('#calendar').fullCalendar({
events: '/myfeed.php'
});

在你的myfeed.php文件中有一些类似的内容

    $dbh = new PDO("mysql:host=$mysql_hostname;dbname=$mysql_dbname", $mysql_username, $mysql_password);
        $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);  // set the error mode to excptions 
        $stmt = $dbh->prepare("SELECT 
                                event_id,  title, start, end
                                FROM events 

                                ORDER BY start");
        $stmt->execute();
        $events = array();
        while ($row = $stmt->fetch(PDO::FETCH_ASSOC)){   //important ! $start = "2010-05-10T08:30";  iso8601 format !!
            $eventArray['id'] = $row['event_id'];
            $eventArray['title'] =  $row['title'];
            $eventArray['start'] = $row['start'];
            $eventArray['end'] = $row['end'];
          $events[] = $eventArray;
          echo json_encode($events);

如果您还有问题，请在这里搜索stackoverflow。我认为我已经很好地解释了它，并提供了大量的代码。这是我写的一篇博客文章，可能也会有所帮助http://fajitanachos.com/Fullcalendar-and-recurring-events/我在这里和完整日历主页上找到了运行完整日历所需的一切http://fullcalendar.io/

我希望这能有所帮助。

Answer 2

为重复事件创建事件实例是不好的。例如，如果重复频率是每天，并且结束于一年，那么它将需要在数据库中发生356行。我可以找到非常好的关于重复事件的文档。

让我分享博客网址https://github.com/bmoeskau/Extensible/blob/master/recurrence-overview.md

这是很久以前的博客，但它的算法真的很好。

这里是实现重复事件操作的纯php文件https://github.com/bmoeskau/Extensible/blob/master/examples/server/php/api/recur.php

希望能从这个博客中得到帮助。谢谢