2015-02-23 16 views
0

index.cfm不使用ajax加載fullcalender.js中的事件數據?

<html> 
 
<head> 
 
    <title>FullCalander Demo</title> 
 
    <link rel='stylesheet' type='text/css' href='fullcalendar.css' /> 
 
    <script type='text/javascript' src='jquery.js'></script> 
 
    <script type='text/javascript' src='fullcalendar.min.js'></script> 
 
</head> 
 
<body> 
 
    <div id='calendar'></div> 
 
</body> 
 
</html>

我的Java腳本

<html> 
 
<head> 
 
    <title>FullCalander Demo</title> 
 
    <link rel='stylesheet' type='text/css' href='fullcalendar.css' /> 
 
    <script type='text/javascript' src='jquery.js'></script> 
 
    <script type='text/javascript' src='fullcalendar.min.js'></script> 
 
</head> 
 
<body> 
 
    <div id='calendar'></div> 
 
</body> 
 
</html>

Ajax調用頁面。這是返回以下JSON

[ 
 
\t {title: 'Test event',start: '2015-02-22', 
 
\t end: '2015-02-25',color:'##00ffb8',description:"<span style='color:##00ffb8;font:bold 9pt arial'>Test event(4 days from 22-25 Feb 2015) </span> <br> 22 February 2015 <br> MS,India <br><span><a href='?eManageraction=public:main.details&event_id=1'>More Details</a></span> | <span><a href='/plugins/eManager/?testaction=public:main.iCalExport&event_id=1'><img src='/plugins/eManager/includes/assets/css/images/calendar_butt_icon.gif'></a></span> <br> <span style='color:##888989'>organized by test</span>"} 
 
, 
 
\t {title: 'Test 2',start: '2015-02-21', 
 
\t end: '2015-02-21',color:'##00ffb8',description:"<span style='color:##00ffb8;font:bold 9pt arial'>Test 2 </span> <br> 21 February 2015 <br> MS,India <br><span><a href='?eManageraction=public:main.details&event_id=2'>More Details</a></span> | <span><a href='/plugins/eManager/?testaction=public:main.iCalExport&event_id=2'><img src='/plugins/eManager/includes/assets/css/images/calendar_butt_icon.gif'></a></span> <br> <span style='color:##888989'>organized by test</span>"} 
 
]

當我在上面的代碼運行,我得到壓延機的看法,但對壓延觀點沒有加載事件。並且ajax調用返回正確的json數據。我也會嘗試像替換上面的json數據的url加載日曆日曆上的事件。這裏有什麼錯誤?請任何人幫助我。我正在使用Fullcalense 1.6.4版本

+0

刪除CF標籤,因爲問題是關於JavaScript。 – Leigh 2015-03-05 17:05:57

回答

0

問題與您的startend有關。您需要檢查Event Object documentation

基本上,你需要內startend定義的時候,是這樣的:

start: '2015-02-22T00:00:00', 
end: '2015-02-25T00:00:00' 

檢查working jsfiddle

備註:description中的所有顏色在您使用的對象中無效。您有兩個#(例如:顏色:## 00ffb8)。