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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (85)

我在我的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代码视图

提问于
用户回答回答于

首先你应该像这样导入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导入后将lang js导入到您的站点。

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

我建议你使用最新的fullcalendar

我希望我能帮忙!我尝试了jsfiddle,它的工作原理。

编辑:

另一个问题是{{asset('#'}} 双引号之间没有返回,所以你要像这样定义:"{{asset('#'}}"

扫码关注云+社区

领取腾讯云代金券