teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

moment.js 翻訳について追記

2018/01/26 06:54

投稿

Tomak
Tomak

スコア1652

answer CHANGED
@@ -15,4 +15,32 @@
15
15
  ```php
16
16
  //Calendarファサードで設定を追加(上書きされるので、複数ある場合はすべて記載する)
17
17
  \Calendar::setOptions(['locale' => 'ja',,,]);
18
+ ```
19
+
20
+ **= 追記 =**
21
+
22
+ 解決済みですが、追記しておきます。
23
+ 必要なJavaScriptライブラリは、`jquery.js, moment.js, fullcalendar.js, locale-all.js(ja.js)`です。ひとつでも抜けると実行できません。ドキュメントには`moment.js`で日付処理をやってるという記述があります。そして、moment.js は fullcalendar.js の前に呼び出さなくてはなりません。
24
+
25
+ fullcalendar.jsが最新バージョンでない場合は、本回答のコメントにあるように、ファイル名が変わっている(v2.2.7はlang-all.js)ので、下記からCDNリンクを使うようにします。
26
+ [https://cdnjs.com/libraries/fullcalendar](https://cdnjs.com/libraries/fullcalendar)
27
+
28
+ ```js
29
+ <div id="calendar"></div>
30
+
31
+ <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
32
+ <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
33
+ <script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.8.0/fullcalendar.min.js"></script>
34
+ <script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.8.0/locale-all.js"></script>
35
+ <!-- OR
36
+ <script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.8.0/locale/ja.js"></script>
37
+ -->
38
+
39
+ <script>
40
+ $('#calendar').fullCalendar({
41
+ 'locale' : 'ja',
42
+ });
43
+ </script>
44
+ </body>
45
+ </html>
18
46
  ```