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应该有一个布尔值，而不是字符串"false"。将其更改为"allDay":false将使其正常工作。