bootStrap 标准日期控件 日语

Bootstrapの標準的な日付ピッカーは、日本語に対応しています。ただし、日本語用のローカライズファイルを読み込む必要があります。以下のように、日本語用のローカライズファイルを読み込んで、日本語での表示を設定することができます。

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- Japanese Localize -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.ja.min.js"></script>

<script>
    $(function(){
        $('#date-picker').datepicker({
            language: 'ja',
            autoclose: true,
            todayHighlight: true
        });
    });
</script>

上記の例では、`bootstrap-datepicker.ja.min.js` ファイルを読み込んでいます。また、`language` プロパティに 'ja' を指定して、日本語表示に設定しています。`#date-picker` は、日付ピッカーを表示するための input 要素の ID です。