Laravel中的全日历语言环境不起作用

时间:2019-03-26 11:30:36

标签: php laravel fullcalendar fullcalendar-2

我在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

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分: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完整日历的示例,请选中此codepen

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