FullCalendar事件加载与导航：优化跨月份数据更新机制

$(document).ready(function() {
    $('#calendar').fullCalendar({
        // 允许在事件过多时显示“更多”链接
        eventLimit: true, 
        // 将后端接口URL直接作为事件源
        events: 'calendarChangeAjax.php'
    });
});

document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
        initialView: 'dayGridMonth', // 初始视图为月视图
        dayMaxEventRows: 3,          // 限制每天显示的最大事件行数，相当于v3的eventLimit
        events: 'calendarChangeAjax.php', // 将后端接口URL直接作为事件源
    });
    calendar.render(); // 渲染日历
});

[
    {
      "title": "事件A",
      "start": "2023-10-05T09:00:00",
      "end": "2023-10-05T18:00:00",
      "color": "#E0F8E0"
    },
    {
      "title": "事件B",
      "start": "2023-10-08",
      "end": "2023-10-10",
      "color": "#E0F8E0"
    }
]

<?php
// 假设 $conn 已经包含了数据库连接
// include 'db_connection.php'; 

header('Content-Type: application/json');

$events = [];

// FullCalendar通过GET请求发送 'start' 和 'end' 参数
$startDateParam = isset($_GET['start']) ? $_GET['start'] : null;
$endDateParam = isset($_GET['end']) ? $_GET['end'] : null;

if ($startDateParam && $endDateParam) {
    // 将ISO 8601格式的日期字符串转换为DateTime对象
    $dtStart = new DateTime($startDateParam);
    $dtEnd = new DateTime($endDateParam);

    // 格式化为数据库查询所需的日期时间格式
    $dbStartDate = $dtStart->format('Y-m-d H:i:s');

    // FullCalendar的 'end' 参数通常是独占的（exclusive），
    // 意味着它不包含该日期本身。为了查询到 'endDateParam' 当天的事件，
    // 我们需要将结束日期调整为 'endDateParam' 的下一天。
    $dtAdjustedEnd = (new DateTime($endDateParam))->modify('+1 day');
    $dbAdjustedEndDate = $dtAdjustedEnd->format('Y-m-d H:i:s');

    // 假设数据库表名为 'supervisorupdate'，日期字段为 'dateAdded'
    // 查询指定日期范围内的事件
    $query = "SELECT oa1, oa2, dateAdded FROM supervisorupdate WHERE dateAdded >= ? AND dateAdded < ? AND status = 0";

    // 使用预处理语句防止SQL注入
    $stmt = mysqli_prepare($conn, $query);
    if ($stmt === false) {
        // 错误处理
        error_log("Prepare failed: " . mysqli_error($conn));
        echo json_encode([]);
        exit;
    }

    mysqli_stmt_bind_param($stmt, "ss", $dbStartDate, $dbAdjustedEndDate);
    mysqli_stmt_execute($stmt);
    $result = mysqli_stmt_get_result($stmt);

    while ($row = mysqli_fetch_assoc($result)) {
        $singleDetail = $row['oa1'] . $row['oa2'];
        $eventDate = date("Y-m-d", strtotime($row['dateAdded'])); // 确保输出为 YYYY-MM-DD 格式

        $events[] = [
            "title" => $singleDetail,
            "start" => $eventDate,
            "color" => "#E0F8E0" // 可以根据事件类型动态设置颜色
        ];
    }
    mysqli_stmt_close($stmt);
}

echo json_encode($events);
?>