2014-10-16 71 views
-1

我使用FullCalendar v1.6.4使用jQuery v1.10.2的FullCalendar得到不正確的日期

基本上,我把數據從一個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作爲一個例子。這個例子顯示了這個問題。

任何想法,將不勝感激。

+2

你加入'24'小時的日期,所以它說日期是12AM第二天。 – Stryner 2014-10-16 16:12:41

+0

@最近我覺得自己像個白癡。謝謝... – ryantpayton 2014-10-16 16:34:46

回答

0

我認爲這是你需要的。

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

+1

發表回覆時我沒有看到評論,但發現它是固定的,如評論中所述。不過,我已經努力發佈這個,所以我保留這個帖子,而不是刪除。 – 2014-10-16 16:48:44