Hello,
I am implementing fullCalendar.js for my project , but i facing some javascript error for it "Uncaught Typeerror $(...).fullCalendar is not a function" . I'm using MVC # for this .
Below is my code for implementation :-
- <head>
- <link href="@Url.Content("~/Content/ProjectMeetingPlanner/jquery-ui-1.7.2.custom.css")" type="text/css" rel="stylesheet" />
- <link href="@Url.Content("~/Content/ProjectMeetingPlanner/fullCalendar.css")" rel="stylesheet" type="text/css" />
- <script src="@Url.Content("~/Scripts/ProjectMeetingPlanner/jquery-ui-1.7.2.custom.min.js")" type="text/javascript"></script>
- <script src="@Url.Content("~/Scripts/ProjectMeetingPlanner/moment.min.js")" type="text/javascript"></script>
- <script src="@Url.Content("~/Scripts/ProjectMeetingPlanner/fullcalendar.min.js")" type="text/javascript"></script>
- </head>
- <body>
- <div id="calendar">
- </div>
- <script type="text/javascript">
- $(document).ready(function () {
- $('#calendar').fullCalendar({
- theme: true,
- header: {
- left: '',
- center: '',
- right: ''
- },
- defaultView: 'agendaDay',
- editable: false,
- events: "/Calendar/GetEvents/"
- });
- });
- </script>
- </body>
Error:-
jquery-1.5.1.min.js:19 Uncaught TypeError: $(...).fullCalendar is not a function
at HTMLDocument.<anonymous> (ProjectMeetingPlanner:365)
at Object.resolveWith (jquery-1.5.1.min.js:19)
at Function.ready (jquery-1.5.1.min.js:19)
at HTMLDocument.A (jquery-1.5.1.min.js:19)
Please help me to resolve it .
Thank yo u