Как установить значение JSON для события в fullcalendar?

Question

У меня есть строка JSON, содержащая arraylist объектов в JSP.

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

строка JSON в 'значений' отформатирован с соответствующими именами в соответствии с fullcalendar как этот

[{ "титул": "Аарон на 101", "старт": "2016-11-30 "," 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.

Answer 1

Вы добавили зависимость moment.js?

Bellow Я написал рабочий фрагмент, основанный на вашем примере.

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>