Webアプリのクライアントサイドにおいて、Bootstrap 3 の datepicker を使い、日付入力を行おうとした折にちょっとはまってしまいましたので、その時の状況とその解決策について簡単に整理しておきたいと思います。
状況としては、日付を入力させる入力域において datepicker の機能を使い、表示カレンダーから日付を選択させることで該当日を入力させようとしたのですが、初期状態で新規に該当日をセットしたところまではよかったのですが、datepicker の update コマンドにより所定の日付をセットしたところで、datepicker で表示されるカレンダーの表記が、日本語から英語に戻ってしまう状況になってしまいました。
datepicker では、次のように、最初に日本語表記になるように初期化したのですが、
$('.date').datepicker({
format: 'yyyy/mm/dd',
language: 'ja'
});
次のように、datepicker で、所定の日付に update したところで、英語標記に戻ってしまいました。
$('#setdate').datepicker('update', self.currInfo().date());
いろいろと試してみると、updateコマンドで更新することで、デフォルトの英語設定に戻ってしまうような感じでした。
そこで、解決策として、次のように、冒頭で、そもそもの datepicker の
default の言語設定を
ja にすることにしました。
$.fn.datepicker.defaults.language = 'ja';
すると、問題なく、日本語表記を維持し続けることができるようになりました。
