Laravel 中的全日历语言环境无法正常工作

Fullcalendar locale in Laravel not working

我在 Laravel 项目中使用了 FullCalendar。我遵循了 YouTube 上的教程和 https://github.com/maddhatter/laravel-fullcalendar 助手。现在我想将区域设置添加到我的日历中,以便我可以更改它的语言。但没有任何效果。我尝试了 FullCalendar 文档和我可以在互联网上找到的所有解决方案,但没有任何效果。我希望你能帮助我。

我尝试使用 public 文件夹中的 js 文件,以及 cdnjs.cloudflare 中的脚本,但两者均无效。

我的看法:

@extends('layouts.layout')

<head>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/lang-all.js"></script>

    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.css"/>
</head>

@section('content')
    </br>
    <div class="control">
    <button onclick="window.location.href = '/calendars/create';">Voeg betaalevenement toe</button>
    </div>
    </br>

    {!! $calendar_details->calendar() !!}
    {!! $calendar_details->script() !!}
@endsection

在您的 header 部分:

<head>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.css"/>
</head>

在您的内容部分:

<div id="calendar"></div>

在您的页脚部分:

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/lang-all.js"></script>

<script type="text/javascript">
    $(document).ready(function(){

        $('#calendar').fullCalendar({
            // for v2
            lang: 'ar',
        });
    });
</script>

希望对您有所帮助。
翻译 v2 全日历的示例 检查此 codepen

注意:-假设您必须设置翻译的应用程序语言环境。

最终,以下代码对我有用。我添加了 '->setOptions(['lang' => 'nl']);在我的控制器中到我的日历对象。

$calendar_details = \Calendar::addEvents($event_list)->setOptions(['lang' => 'nl']);
       return view('calendar.index')->with(compact('calendar_details'));

我也把这个脚本加到脑子里了:

<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/lang-all.js"></script>