bootstrapの海外製テンプレートを使ってWebサイトを作っていた時のこと。
標準でbootstrap-datepickerが読み込まれていたのだが、カレンダーを日本語化したかったので色々と調べたところ、下記のコードを書くだけでOKとのことだったので試してみた。
$('.datepicker').datepicker({
language:'ja'
});
しかし、何度リロードしても反映されなかったので、さらに調べてみると別の原因があることが分かった。
localeファイルを読み込む
bootstrap-datepicker.jsファイルの読み込みと別に、localeファイルを読み込む必要があった。
<script src="/assets/js/bootstrap-datepicker.js"></script>
<!-- 追加 -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/locales/bootstrap-datepicker.ja.min.js"></script>
上記のようにCDNから読み込むコードを追加する。
これでカレンダーが日本語化することができた。
