php - 全日历事件在 9 点之前不显示

Question

到目前为止，我正在使用 jQuery 插件 Fullcalendar 我能够显示存储在我的 MySQL 数据库中的数据，但事实并非如此显示正确的方式。我的意思是:

例如:

}
    "id":"1","title":"Test",
    "start":"2015-01-28 10:30:00",
    "end":"2015-02-04 12:30:00",
    "url":"",
    "allDay":"false"
}

这是我数据库中的一条记录。它应该显示在我的日历上

2015-01-28 10:30:00 到 2015-02-04 12:30:00。

但事实并非如此。相反，allDay 是 true(即使在数据库中它说 false)，我也需要添加另一天。

例如:如果我想显示从 16-03 到 17-03 的日期，我需要添加另一天 -> 16-03 到 18-03(以便显示 16-03 到 17-03) .

我的意思是，当我在 9 点之后记录时，事件“框”或 div 会延伸到正确的日期。否则它不会延伸到正确的日期。

但默认情况下 businessHours 为 false。 (我什至添加了:businessHours: false)但没有成功。

这是我的SELECT 查询:

<?php
$json = array();

// Query that retrieves events
$querySQL = "SELECT * FROM evenement";
// connection to the database
try {
    $bdd = new PDO("mysql:host=localhost;dbname=dbcontrol", "root", "");
} catch(Exception $e) {
    exit('Unable to connect to database.');
}
// Execute the query
$result = $bdd->query($querySQL) or die(print_r($bdd->errorInfo()));

// sending the encoded result to success page
    echo json_encode($result->fetchAll(PDO::FETCH_ASSOC));
?>

这是我的 jQuery:

$(document).ready(function() {
    var currentTime = new Date();
        /* initialize the external events
        -----------------------------------------------------------------*/

        $('#external-events .fc-event').each(function() {

            // store data so the calendar knows to render an event upon drop
            $(this).data('event', {
                title: $.trim($(this).text()), // use the element's text as the event title
                stick: true // maintain when user navigates (see docs on the renderEvent method)
            });

            // make the event draggable using jQuery UI
            $(this).draggable({
                zIndex: 999,
                revert: true,      // will cause the event to go back to its
                revertDuration: 0  //  original position after the drag
            });

        });


        /* initialize the calendar
        -----------------------------------------------------------------*/

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            defaultDate: currentTime,
            editable: true,
            droppable: true,

            eventBackgroundColor: '#A80000',
            eventBorderColor: '#A80000',

            eventLimit: true, // allow "more" link when too many events
            events: {
                url: './php/select-events.php',
                error: function() {
                    $('#script-warning').show();
                }
            },
            loading: function(bool) {
                $('#loading').toggle(bool);
            }
        });

    });

Answer 1

问题 -> "allDay":"false"

allDay 应该有一个 bool 值，而不是字符串“false”。将其更改为 "allDay":false 将使其正常工作。