Question

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

基本上，我从SQL查询中提取每个事件的数据。此特定活动将于10/10/2014开始和结束。日期一直是正确的，直到它实际呈现在日历上。日期是10/10/2014，但它显示在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 为例。该示例显示了该问题。

任何想法都会受到赞赏。

Answer 1

我认为这就是你所需要的。

＆＃13;

$(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
    }],
  });

});

＆＃13;

.event {
  border: 1px solid black;
}
.bg-color-green {
  background-color: green;
}

＆＃13;

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

＆＃13;

FullCalendar获取错误的日期

1 个答案: