FullCalendar #2:日本語化



日本語化

ググると色んなサイトに日本語化の説明が書かれているがどれもうまくいかなかった。
結局のところは locales-all.min.js の追加と、"locale: 'ja'" プロパティのだけで日本語化できそうである。

1) https://www.jsdelivr.com/package/npm/fullcalendar
locales-all.min.js を "Copy HTML" でコピーし、HTMLのmain.min.jsの下に貼り付け
※ main.min.jsの上だとエラーになる

2) FullCalendarコンストラクタのプロパティとして "locale: 'ja'" を追加

BODYタグ内は以下の感じ
<body>
    <div id="calendar"></div>
    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.8.0/main.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.8.0/locales-all.min.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var calendarEl = document.getElementById('calendar');
            var calendar = new FullCalendar.Calendar(calendarEl, {
                initialView: 'dayGridMonth',
                locale: 'ja',
            });
            calendar.render();
        });
    </script>
</body>
</html>

これで日本語化される

※ 次回記事:#3:ツールバー

FullCalendar, JavaScript, JS, ライブラリ

0 件のコメント:

その他の記事