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

我正在开发一个web应用程序，我想在其中添加一个日历功能，可以在特定日期添加活动并进行编辑。我搜索了很多内容，并使用

fullcalendar.min.js

找到了javaScript代码。代码如下所示。 在html中我添加了

，脚本是

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

       ]

     });

$（“#日历”）.fullCalendar({
可编辑：false，
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，基本周”
},
时间格式：“，
活动：[
{
id:“”，
标题：$（“”）.html（“”.val（），
开始：“，
完:，
url:“”，
全天：错
}, 
]
});

---

此外，我还添加了

。但它不起作用（甚至不显示日历）。是否有其他方法来完成我的任务或纠正我的执行。

浏览器控制台中出现的任何错误？您包括css，代码包装在

$（document）.ready（）

？