FullCalendar的日期不正确

本文关键字:不正确 日期 FullCalendar | 更新日期: 2023-09-27 18:26:50

我使用的是带有jQuery v1.10.2 的FullCalendar v1.6.4

基本上,我从SQL查询中提取每个事件的数据。此特殊活动于2014年10月10日开始和结束。日期一直都是正确的,直到它在日历上实际呈现为止。日期是2014年10月10日,但显示在11日。

这是事件的代码:

events: [{
        title: 'Test Event',
        start: new Date(y, m, d - 6, 24, 0),
        end: new Date(y, m, d - 6, 16, 0),
        allDay: false,
        className: ["event", "bg-color-green"],
        id: 72
    }],

我以jsFiddle为例。示例显示了该问题。

任何想法都将不胜感激。

FullCalendar的日期不正确

我认为这正是您所需要的。

$(document).ready(function() {
  var date = new Date();
  var d = date.getDate();
  var m = date.getMonth();
  var y = date.getFullYear();
  $('#calendar').fullCalendar({
    editable: true,
    events: [{
      title: 'Test Event',
      start: new Date('2014-10-10T12:00:00'),
      end: new Date('2014-10-10T14:00:00'),
      allDay: false,
      className: ["event", "bg-color-green"],
      id: 72
    }],
  });
});
.event {
  border: 1px solid black;
}
.bg-color-green {
  background-color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="http://tutstub.com/fullcalendar.min.js"></script>
<script src="http://tutstub.com/jquery-ui.custom.min.js"></script>
<link href="http://tutstub.com/fullcalendar.css" rel="stylesheet" type="text/css" />
<div id='calendar'></div>