Javascript 运行角度日历的官方示例

我正在尝试运行角度日历组件的官方示例：

但是，我得到了一个错误：TypeError:undefined不是一个函数-显然函数scope.calendar.fullCalendar是未定义的

以下是我的JS文件，包括：

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

您能帮我找到问题吗？

在angular之前加载jQuery（在jQuery之后加载fullcalendar）：

jsiddle链接：

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

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

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

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