在 Laravel 中初始化 FullCalendar答案

【问题标题】：Initialization of FullCalendar in Laravel在 Laravel 中初始化 FullCalendar
【发布时间】：2020-08-02 23:23:20
【问题描述】：

我正在尝试在 Laravel 中实现 FullCalendar。在这方面，我的控制器如下所示

<?php

namespace App\Http\Controllers;

use Illuminate\Routing\Controller as BaseController;

use App\Http\Controllers\Controller;

use Illuminate\Http\Request;

use Calendar;

use App\Event;


class HomeController extends BaseController
{
    public function calendar() {
        $events = [];
        $data = Event::all();
        if($data->count()) {
            foreach ($data as $key => $value) {
                $events[] = Calendar::event(
                    $value->title,
                    true,
                    new \DateTime($value->start_date),
                    new \DateTime($value->end_date.' +1 day'),
                    null,
                    // Add color and link on event
                    [
                        'color' => '#f05050',
                        'url' => 'pass here url and any route',
                    ]
                );
            }
        }
        $calendar = Calendar::addEvents($events);
        return view('welcome', compact('calendar'));
    }
}

我的视图文件如下所示

<!doctype html>
<html lang="en">

<head>
    <link rel="stylesheet" type="text/css" href="{{ asset('/css/main.css')}}" />
    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.2.0/main.min.js" crossorigin="anonymous"></script>
    <style>
        body {
            margin: 40px 10px;
            padding: 0;
            font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
            font-size: 14px;
        }

        #calendar {
            max-width: 1100px;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="panel panel-primary">
            <div class="panel-heading">MY Calender</div>
            <div class="panel-body">
                {!! $calendar->calendar() !!}

                {!! $calendar->script() !!}
            </div>
        </div>
    </div>
</body>

</html>

我的输出如下（我得到空白屏幕）

我发现我必须初始化 FullCalendar。如何初始化 FullCalender？

我正在尝试遵循以下教程。但是我在那里没有找到任何初始化。

https://www.laravelcode.com/post/laravel-full-calendar-tutorial-example-using-maddhatter-laravel-fullcalendar

https://github.com/acaronlex/laravel-calendar

https://github.com/maddhatter/laravel-fullcalendar

https://hdtuto.com/article/laravel-full-calendar-tutorial-example-from-scratch

我很困惑。我该怎么办？

【问题讨论】：

标签： laravel fullcalendar

【解决方案1】：

您似乎是在脚本标记之外调用{!! $calendar->script() !!}。

改用<script> {!! $calendar->script() !!} </script>

该示例显示在脚本标记中，这表明它可能会加载涉及渲染日历的 javascript 资产。

【讨论】：