bootstrapの海外製テンプレートを使ってWebサイトを作っていた時のこと。
標準でbootstrap-datepickerが読み込まれていたのだが、カレンダーを日本語化したかったので色々と調べたところ、下記のコードを書くだけでOKとのことだったので試してみた。
$('.datepicker').datepicker({
language:'ja'
});
しかし、何度リロードしても反映されなかったので、さらに調べてみると別の原因があることが分かった。
![](https://i0.wp.com/chusotsu-program.com/wp-content/uploads/2021/05/image-10.png?resize=586%2C766&ssl=1)
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から読み込むコードを追加する。
これでカレンダーが日本語化することができた。
![](https://i0.wp.com/chusotsu-program.com/wp-content/uploads/2021/05/image-9.png?resize=616%2C758&ssl=1)