如何將JSON值設置爲fullcalendar中的事件？

我有一個JSON字符串，其中包含JSP中對象的數組列表。「亞倫在101」，「開始」：「2016年11月30日如何將JSON值設置爲fullcalendar中的事件？

values=gson.toJson(list);%> 
<input type="hidden" id="var1" value='<%=values%>'>

JSON字符串在 '值' 是根據這樣

[{ 」標題「 fullcalendar與適當的名稱格式化「，」end「：」2016-12-05「}，{」title「：」Dave at 103「，」start「：」2016-11-25「，」end「：」2016-12-03「} ]

當我嘗試在fullcalendar中使用此變量時，我只看到一個空的日曆。

$(document).ready(function() { 
     var lists= $('#var1').val(); 
     $('#calendar').fullCalendar({ 
      defaultDate: '2016-12-01', 
      editable: true, 
      eventLimit: true, 
      events: lists 
     }); 

    });

是否有任何適當的方法來分配事件？由於我是jQuery新手，請幫助我。

來源

2016-12-02 nitish

應該嘗試'變種名單=的eval（$（ '＃VAL1'）VAL（））;'，它可以幫助 –

您是否添加了moment.js依賴關係？

貝婁我寫了一個基於你的例子的工作片段。

var events = [ 
 
    { 
 
    "title":"Aaron at 101", 
 
    "start":"2016-11-30", 
 
    "end":"2016-12-05" 
 
    }, 
 
    { 
 
    "title":"Dave at 103", 
 
    "start":"2016-11-25", 
 
    "end":"2016-12-03" 
 
    } 
 
]; 
 

 
$('#calendar').fullCalendar({ 
 
    defaultDate: '2016-12-01', 
 
    editable: true, 
 
    eventLimit: true, 
 
    events: events 
 
});

<!-- fullcalendar dependencies --> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.0/moment.min.js"></script> 
 

 
<!-- fullcalendar script --> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1/fullcalendar.min.js"></script> 
 

 
<!-- fullcalendar style --> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1/fullcalendar.min.css"> 
 

 
<div id="calendar"></div>

來源

2016-12-02 02:09:49 rogeriolino

如何將JSON值設置爲fullcalendar中的事件？

回答

相關問題