Laravel - Fullcalendar不加载但显示HTML代码

Question

我在我的laravel项目中使用FullCalendar包，我认为有效，但我不知道为什么不显示日历，但在我的视图中显示html代码。

<div id="calendar-TcJ9C2VA"></div> 
<script> $(document).ready(function()
{ $('#calendar-TcJ9C2VA').fullCalendar({"header":{"left":"prev,next today","center":"title","right":"month,agendaWeek,agendaDay"},"eventLimit":true,"firstDay":1,"events":[{"id":1,"title":"moradia","allDay":false,"start":"2017-03-29T00:00:00+00:00","end":"2017-03-30T08:00:00+00:00"}]}); });
</script>

来源

<script src={{ asset('https://code.jquery.com/jquery-1.12.4.min.js') }}></script>
    <script src={{ asset('//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js') }}></script>
    <script src={{ asset('//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.js') }}></script>
    <script src={{ asset('//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.css') }}></script>
    <script src={{ asset('//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.print.css') }}></script>

在控制台中给我错误，但我已经更改了jquery / moment源，并且总是出现相同的错误。

编辑：现在我有这个错误和相同的HTML代码

Answer 1

首先你应该像这样导入css：

<link rel="stylesheet" type="text/css" href="{{ asset("//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.css")}}" />
<link rel="stylesheet" type="text/css" href="{{ asset("//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.print.css")}}" />

第二，尝试在fullcalendar js import之后将lang js导入到您的站点。

<script src="{{ asset('//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/lang-all.js') }}"></script>

我建议你使用最新的fullcalendar。

我希望我能帮忙！我尝试了 jsfiddle ，但确实有效。

修改

另一个问题是{{asset('#'}} 不会在双引号之间返回，因此您需要像这样定义："{{asset('#'}}"