Cfrgtkky

I'm using angular-fullcalendar with my angularjs 1.6 app. The calendar renders great and overall working good. I'm using a custom date selector directive that passes a date to Fullcalendar, but when I try to use the gotoDate method in my directive's JS I keep getting the error $(...).fullCalendar() is not a function.

I have jQuery (v3.2.1), moment.js, angular-fullcalendar.min.js, and fullcalendar.min.js (v3.9) all loaded.

What am I missing that's preventing me from using .fullcalendar() methods?

index.html

<script type="text/javascript" src="/Scripts/angular.min.js"></script>

<script type="text/javascript" src="/Scripts/moment.js?"></script>

<link href="/Scripts/fullcalendar.min.css?" type="text/css" rel="stylesheet">

<script type="text/javascript" src="/Scripts/angular-fullcalendar.min.js?"></script>

<script type="text/javascript" src="/Scripts/fullcalendar.min.js?"></script>

app.js

let appModule = angular.module('Events',

    [

        EventsServices,

        EventSheet,

        'angular-fullcalendar'

    ]);

eventsheet.html

<div fc fc-options="calendarOptions" ng-if="selectedDate" ng-model="eventsArr" class="fullcalendar"></div>

eventsheet index.js

<script>

$scope.$watch('selectedDate', (date, oldDate) => {

    if (!date || angular.equals(date, oldDate))

    return;



    if (date != 0 && date != oldDate) {

        if ($ && $.length) {

            $('.fullcalendar').fullCalendar('gotoDate', date);

        }

    }

});

</script>