CODEWITHSUNDEEP
jqueryfullcalendar
Harj Sohal
Harj Sohal

Reputation: 141

$("#fullcalendar").fullCalendar is not a function

I can't the see issue with my attempt to use fullCalendar, I've read all the previous questions and answers, they usually have two jquery's or an error in the script sequence. Can anyone advise what I have done wrong please? (I've used older versions of libraries whilst checking).

<link href="~/Scripts/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" />

<div id='calendar'></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="~/Scripts/plugins/fullcalendar/fullcalendar.js"></script>

<script>
$(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
        // put your options and callbacks here
    })

});
</script>

Upvotes: 3

Views: 10702

Answers (2)

Harj Sohal
Harj Sohal

Reputation: 141

A conflicting jquery library was in the layout page, this was resolved by using the answer found here: stackoverflow.com/questions/528241/how-do-i-run-different-ve‌​rsions-of-jquery-on-‌​the-same-page

I created a jQuery no conflict on the calendar page

<script src="jQuery2.2.3.js"></script>
<script>
   jq223 = jQuery.noConflict(false);
</script>

and replaced all the script code $ with jq223 like shown in that answer, example jq223("#id").hide();

Upvotes: 3

marsman
marsman

Reputation: 75

It is working in this jsfiddle: https://jsfiddle.net/uqf1q2f7/

Maybe the console gives you a hint, a ressource path is not right or you did not put the <div id='calendar'></div> into the body?

Upvotes: 0

Related Questions