Laravel 5.2 datepicker

Question

数日間、私はWebアプリケーション（Laravel 5.2に基づく）でDatepicker機能を取得しようとしています。それを働かせることはできません。

私が追加私のレイアウトファイルのheadセクションで

：私は「

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker.css"> 

と私はビューファイルで

<script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/js/bootstrap-datepicker.min.js"></script> 
<script> 
    $(document).ready(function() { 
    $('.datepicker').datepicker(); 
    }); 
</script> 

を持っている一番下に私は

<div class="input-group date" data-provide="datepicker"> 
    <input type="text" class="form-control"> 
    <div class="input-group-addon"> 
     <span class="glyphicon glyphicon-th"></span> 
    </div> 
    </div> 

を持っています日付フィールドが表示されていますが、クリックするとデータセレクタを開くだけですが、空白になります（日付が表示されないため）

提案が歓迎です！

注：ここでのスクリーンショット

Answer 1

上記のとおり、ブートストラップCSSをアプリケーションに追加する必要があるようです。

2つ以上のビューでdatepicker（または他のブートストラップ要素）を使用する予定がある場合は、レイアウトビューに追加して、各ファイルに追加するよりも簡単になります。

プロジェクトにローカルファイルをpublic/assets/cssに追加した場合は、以下のように呼び出します。

<link rel="stylesheet" type="text/css" href="{{asset('assets/css/bootstrap.min.css')}}"/> 
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/bootstrap-responsive.min.css')}}"/> 

OR

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

Answer 2

あなたにもbootstrap.cssを追加する必要があります。カレンダーの要素のスタイル設定は、そのスタイルシートから行います。

Answer 3

ブートストラップスタイルとjavascriptファイルが含まれます。 bootstrap-datepickerを使用する必要があります。