I am trying to run official example of angular-calendar ponent: /

However, I am getting error: TypeError: undefined is not a function - apparently function scope.calendar.fullCalendar is undefined

here are my JS files that I include:

<script src="../public/ponents/angular/angular.js"></script>
<script src="../public/ponents/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="../public/ponents/jquery/jquery.min.js"></script>
<script src="../public/ponents/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="../public/ponents/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../public/ponents/fullcalendar/fullcalendar.js"></script>
<script src="../public/ponents/fullcalendar/gcal.js"></script>
<script src="../public/ponents/angular-ui-calendar/src/calendar.js"></script>
<script src="../public/ponents/fullcalendar/gcal.js"></script>

Could you help me find the problem?

I am trying to run official example of angular-calendar ponent: http://angular-ui.github.io/ui-calendar/

However, I am getting error: TypeError: undefined is not a function - apparently function scope.calendar.fullCalendar is undefined

here are my JS files that I include:

<script src="../public/ponents/angular/angular.js"></script>
<script src="../public/ponents/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="../public/ponents/jquery/jquery.min.js"></script>
<script src="../public/ponents/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="../public/ponents/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../public/ponents/fullcalendar/fullcalendar.js"></script>
<script src="../public/ponents/fullcalendar/gcal.js"></script>
<script src="../public/ponents/angular-ui-calendar/src/calendar.js"></script>
<script src="../public/ponents/fullcalendar/gcal.js"></script>

Could you help me find the problem?

• javascript
• angularjs
• fullcalendar

Share Improve this question Follow edited May 1, 2014 at 18:32 SomeKittens 39.5k1919 gold badges117117 silver badges145145 bronze badges asked May 1, 2014 at 18:29 IgorIgor 81433 gold badges1313 silver badges3737 bronze badges 1

• jsfiddle link: jsfiddle/F2jLL/1 – Igor Commented May 1, 2014 at 18:39

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

Load jQuery before angular (and fullcalendar after jquery) :

<!-- First jQuery -->
<script src="../public/ponents/jquery/jquery.min.js"></script>
<script src="../public/ponents/jquery-ui/ui/minified/jquery-ui.min.js"></script>

<!-- then angular -->
<script src="../public/ponents/angular/angular.js"></script>
<script src="../public/ponents/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="../public/ponents/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- fullcalendar -->
<script src="../public/ponents/fullcalendar/fullcalendar.js"></script>
<script src="../public/ponents/fullcalendar/gcal.js"></script>

<!-- angular-ui-calendar -->
<script src="../public/ponents/angular-ui-calendar/src/calendar.js"></script>