如何将事件日历添加到我的Web应用程序

Question

我正在开发一个Web应用程序，在那里我想添加一个日历功能，即将活动添加到特定日期和编辑。我搜索了很多，并使用fullcalendar.min.js找到了javaScript代码。代码如下所示。 在html中我添加了<div id="calendar"></div>，脚本是

$('#calendar').fullCalendar({

       editable: false,      

       header: {

         left: 'prev,next today',

         center: ' title',

         right: 'month,basicWeek'

       },

       timeFormat: "",

       events: [

         <w:kb:item:each type="events">

           {

             id: "<w:id />",

             title: $('<textarea/>').html("<w:escape_html><w:name /></w:escape_html>").val(),

             start: "<w:get name="event:start_date" format="%Y-%m-%d" />",

             end: "<w:get name="event:end_date" format="%Y-%m-%d" />",

             url: "<w:path url='/calendar/event' />",

             allDay: false

           }<w:unless_last>, </w:unless_last>

         </w:kb:item:each>

       ]

     });

我也添加了<script src="${baseURL}/static/js/plugins/fullcalendar/fullcalendar.min.js" ></script>。但它不起作用（甚至没有显示日历）。是否有任何其他方式来实现我的任务或纠正我的实施。