完整日历和 Laravel 加载错误
Full calendar and Laravel load error
我正在尝试将 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/ 上的基本使用指南进行操作,但我一定是做错了什么,因为它没有做它应该做的事情
更新了一个
<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 文件
在我的 'app' 页面中,这部分代码 : @extends('app')
所指的是,我引用了 jquery 的另一个缩小版本,它似乎与缩小版本冲突jquery 我在脚本标签中包含的文件
我正在尝试将 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/ 上的基本使用指南进行操作,但我一定是做错了什么,因为它没有做它应该做的事情
更新了一个
<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 文件
在我的 'app' 页面中,这部分代码 : @extends('app')
所指的是,我引用了 jquery 的另一个缩小版本,它似乎与缩小版本冲突jquery 我在脚本标签中包含的文件