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
    });
});

如果以上代码有效，则下载脚本标记

中使用的js文件

Answer 2

在我的'app'页面中，代码的这一部分：@extends('app')引用了，我引用了另一个缩小版的jquery，它似乎与我在脚本中包含的缩小的jquery文件冲突标签

完整日历和Laravel加载错误

2 个答案: