javascript - 完整日历和 Laravel 加载错误

Question

我正在尝试使用 http://fullcalendar.io/ 中的完整日历与 laravel 框架结合使用，但是当我尝试在页面上显示日历时，它没有显示。

我遇到的错误是在我的 javascript 中:

TypeError: $(...).fullCalendar is not a function

我使用的代码和 HTML 是:

@extends('app')

@section('scripts')
<script src='/proofofconcept/fullcalendar-2.3.1/lib/jquery.min.js'></script>
<script src='/proofofconcept/fullcalendar-2.3.1/lib/moment.min.js'></script>
<script src='/proofofconcept/fullcalendar-2.3.1/fullcalendar.js'></script>

<script src="/proofofconcept/fullcalendar-2.3.1/lib/jquery-ui.custom.min.js"></script>
<script src='/proofofconcept/fullcalendar-2.3.1/fullcalendar.min.js'></script>
<script>
    $(document).ready(function() {

        $('#calendar').fullCalendar({
            defaultDate: '2014-09-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
        });
    });
</script>
@endsection

@section('content')

<div class="container">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">Calendar</div>

                <div class="panel-body">
                    <div id='calendar'></div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

我已遵循 http://fullcalendar.io/docs/usage/ 上的基本使用指南但我一定做错了什么，因为它没有做它应该做的事情

Answer 1

更新了

<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js'></script>
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js'></script>
<script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js"></script>
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js'></script>
<script>
$(document).ready(function() {
    $('#calendar').fullCalendar({
        defaultDate: '2014-09-12',
        editable: true,
        eventLimit: true, // allow "more" link when too many events
    });
});

如果上面的代码有效，则下载 script 标签中使用的 js 文件