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