Почему FullCalendar не правильно отображает диапазоны событий (в клиентской части)?

Question

[Stanislav Zamana]

У меня возникла проблема с FullCalendar. При добавлении событий я выбираю дату начала и дату окончания события. В БД записывается все как нужно, в окне просмотра события тоже все пишет, как нужно, но сам ползунок события FullCalendar показывает на день меньше чем нужно. На скриншоте видно, что ползунок показыват 04.03.2025 - 07.03.2025, а в окне и в БД показывает правильно 04.03.2025 - 08.03.2025.



Уже пробовал-перепробовал. В итоге, то теряется возможность обновления события при перетягивании или растягивании то еще что... Уже ИИ в помощь подключил и ничего толкового он не подсказал. Может вы поможете, вы же все таки живые люди. Всем заранее спасибо за помощь.

Answer 1

[Дмитрий]

Ползунок показывает правильно. У вас граница «до» - до начала суток 08.03.2025

Поставьте в бд до 2025-03-08 23:59:59 и ползунок дотянется до конца этой даты тоже.

Comments

[Stanislav Zamana]

Не составит труда подсказать, как это автоматизировать, что бы при добавлении события к конечному дню добавлялось 23:59:59?

[Дмитрий]

Stanislav Zamana, в скрипте php, который пишет в базу, я бы брал дату «до» и ставил бы ей время 23:59:59

Но это в случае, если у вас минимальная дельта = сутки.

Второй вариант - при выборке данных из базы смещать все даты «до» на сутки вперед, опять же при таком условии про дельту.

[Stanislav Zamana]

Дмитрий, минимальная дельта у меня = сутки. Мне важны только дни, а часы и минуты мне вообще не нужны. Вот мой скрипт PHP, если не сложно помогите и скажите, что к чему? Буду бесконечно благодарен.

<?php
header('Content-Type: application/json');
require '../../db.php';

try {
    if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
        echo json_encode(['success' => false, 'error' => 'Метод не поддерживается']);
        exit;
    }

    $soldier_id = $_POST['cnc_soldier_id'] ?? null;
    $event_type = $_POST['cnc_event_type'] ?? null;
    $event_title = $_POST['cnc_event_title'] ?? null;
    $event_description = $_POST['cnc_event_description'] ?? null;
    $event_location = $_POST['cnc_event_location'] ?? null;
    $event_start_date = $_POST['cnc_event_start_date'] ?? null;
    $event_end_date = $_POST['cnc_event_end_date'] ?? null;
    $event_color = $_POST['cnc_event_color'] ?? "#563d7c";

    if (!$soldier_id || !$event_type || !$event_title || !$event_start_date || !$event_end_date) {
        echo json_encode(['success' => false, 'error' => 'Не все поля заполнены']);
        exit;
    }

    $stmt = $pdo->prepare("
        INSERT INTO cnc_events (cnc_soldier_id, cnc_event_type, cnc_event_title, cnc_event_description, cnc_event_location, cnc_event_start_date, cnc_event_end_date, cnc_event_color) 
        VALUES (:soldier_id, :event_type, :event_title, :event_description, :event_location, :event_start_date, :event_end_date, :event_color)
    ");
    
    $stmt->execute([
        ':soldier_id' => $soldier_id,
        ':event_type' => $event_type,
        ':event_title' => $event_title,
        ':event_description' => $event_description,
        ':event_location' => $event_location,
        ':event_start_date' => $event_start_date,
        ':event_end_date' => $event_end_date,
        ':event_color' => $event_color
    ]);

    $event_id = $pdo->lastInsertId();

    echo json_encode(['success' => true, 'message' => 'Событие добавлено', 'event_id' => $event_id]);
} catch (Exception $e) {
    echo json_encode(['success' => false, 'error' => $e->getMessage()]);
}
exit;
?>

[Дмитрий]

Stanislav Zamana,

Вариант со сдвигом записываемой в базу даты (ставим время на 23:59:59, чтобы день-месяц-год остались выбранные ранее - вам это нужно для вывода в другом окне)

строку
':event_end_date' => $event_end_date,

заменить на

':event_end_date' => (new \DateTimeImmutable($event_end_date))->setTime(23, 59, 59)->format('Y-m-d H:i:s'),

[Stanislav Zamana]

Дмитрий, к сожалению это не помогло. В БД пишется как и задумано, а вот полоска не продолжается туда куда нужно. )

[Дмитрий]

Stanislav Zamana,

значит придется писать так

':event_end_date' => (new \DateTimeImmutable($event_end_date))->add(new \DateInterval('P1D'))->format('Y-m-d H:i:s'),

но! при выводе в окне будет день на 1 больше, чем вы указали и там надо будет день вычитать.

[Stanislav Zamana]

Дмитрий, теперь в БД пишется на день дольше. Но это тоже самое что я бы указывал с 1-го по 5-е, когда мне нужно, с 1-го по 4-е. Мне нужно, что бы везде данные были правильные.