全日历事件在 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 点之后记录时，事件 "box" 或 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 即可。

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

Fullcalendar Events not displaying before 9 o'clock

php

mysql

jquery

fullcalendar