DatePicker、FullCalendar 和 MySQL 事件日期最终缩短了一天

Posted 2023-02-24

【中文标题】DatePicker、FullCalendar 和 MySQL 事件日期最终缩短了一天

【英文标题】：DatePicker, FullCalendar and MySQL event dates end up being a day short

【发布时间】：2014-09-29 08:39:34

【问题描述】：

我正在使用 DatePicker、FullCalendar 和 mysql 的组合。

日期选择器初始化

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

FullCalendar 初始化

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

FullCalendar 事件源'data.php'

<?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;

  array_push($return_array, $event_array);


echo json_encode($return_array);
?>

我的问题是我可以向 MySQL 数据库添加一个事件，并且选择的日期是 2014-08-04 到 2014-08-08 但是一旦添加了这个在日历上显示为 2014-08-04 到 2014-08-07，短 1 天。

这里是 MySQL/PHP 代码：

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

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

$stmt->bindParam(':forename', $forename);
$stmt->bindParam(':surname', $surname);
$stmt->bindParam(':start', $start);
$stmt->bindParam(':end', $end);

$forename = $_POST['inputForename'];
$surname = $_POST['inputSurname'];
$start = $_POST['dp1'];
$end = $_POST['dp2'];

$stmt->execute();

header("Location: /");
?>

我想我在将日期转换为 MySQL 时做错了，但看不到什么。

【参考方案1】：

老问题，但我想我会写这个以防有人偶然发现它......

你需要做的是在你的初始化中设置你的nextDayThreshold：

nextDayThreshold: "00:00:00"

然后确保您输出的日期有时间，我通过将T23:59 附加到我的日期来做到这一点，即2014-08-04 将变为2014-08-04T23:59。

有关详细信息，请参阅这些答案：

fullCalendar multi-day event spans 1 day too short

fullCalendar multi-day event spans 1 day too short