1

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

我尝试使用公共文件夹中的 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
4

2 回答 2

1

最终，以下代码对我有用。我添加了 '->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>
于 2019-03-26T12:28:06.277 回答
0

在您的标题部分：

<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 fullcalendar
的示例检查此codepen。

注意：-假设您必须为翻译设置应用程序区域设置。

于 2019-03-26T11:38:13.300 回答