DatePicker 和 FullCalendar 总是短一天

Question

我正在使用此代码将预订插入数据库。

日期选择器

<script type='text/javascript'>
  $(document).ready(function() {
     $('#dp1, #dp2').datepicker({
         autoclose: true,
         format: "yyyy-mm-dd"
     });
  });
</script>

SQL

<?php
session_start();

$dbh = new PDO('mysql:host=localhost;dbname=calendar', 'user', 'pass');

$stmt = $dbh->prepare("INSERT INTO bookings (forename, surname, badge, colour, start, end) VALUES (:forename, :surname, :badge, :colour, STR_TO_DATE(:dp1,'%Y-%m-%d'), STR_TO_DATE(:dp2,'%Y-%m-%d'))");

foreach ($_POST as $key => $value) {
    $stmt->bindParam("$key", $_POST[$key]);
}

$stmt->execute();

header("Location: /");
?>

SQL 表

mysql> SELECT * FROM bookings;
+----+----------+---------+-------+--------+---------------------+---------------------+---------------------+
| id | forename | surname | badge | colour | start               | end                 | timestamp           |
+----+----------+---------+-------+--------+---------------------+---------------------+---------------------+
|  1 | John     | Doe     | 1     | black  | 2014-10-27 00:00:00 | 2014-10-31 00:00:00 | 2014-10-21 13:11:50 |
+----+----------+---------+-------+--------+---------------------+---------------------+---------------------+
1 row in set (0.00 sec)

这是周一至周五的预订，但显示为周一至周四。

SQL 查询

<?php
$dbh = new PDO('mysql:host=localhost;dbname=calendar', 'user', 'pass');

$stmt = $dbh->prepare("SELECT * FROM bookings");

$stmt->execute();

$return_array = array();
$event_array;

while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
  $event_array = array();

  $event_array['id'] = $row['id'];
  $event_array['title'] = $row['forename'] ." ". $row['surname'];
  $event_array['start'] = $row['start'];
  $event_array['end'] = $row['end'];
  $event_array['allDay'] = true;

  $event_array['className'] = $row['colour'];

  array_push($return_array, $event_array);
}

echo json_encode($return_array);
?>

完整日历

<script type='text/javascript'>
  $(document).ready(function() {
    $('#calendar').fullCalendar({
      eventSources: [
        {
          url: 'data.php',
          type: 'POST'
        }
      ]
    })
  });
</script>

问题

例如，如果我将开始日期选为星期一，将结束日期选为星期五，那么日历会显示从星期一开始到星期四结束的预订，而不是星期五。

我该如何解决这个问题？

Answer 1

发生这种情况是因为 events 数组中的 end 是独占的。

另请参阅文档：http://fullcalendar.io/docs/event_data/Event_Object/

活动结束的唯一日期/时间。可选。

Moment-ish 输入，例如 ISO8601 字符串。在整个 API 中 将成为真正的 Moment 对象。

这是事件刚刚结束的那一刻。例如， 如果活动的最后一整天是星期四，则该活动的唯一结束 活动时间为周五00:00:00！