2017-08-15 14 views
0

ユーザーはモーダルダイアログから日付を取得する必要があります。私は日付ピッカー]ダイアログボックスが表示されないを除いてすべてが完璧に動作します(それは縮めまたはそのような何かされているようだ)ここでは enter image description hereブートストラップ日付ピッカーはモーダルで隠されています

をどのように見えるのです、私はまた私のCSSファイルへのzインデックスを追加しようとするが、これはまた、」didnのtはだからここに私のコード

<!doctype html> 
<html lang="{{ app()->getLocale() }}"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 

     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
     <link href="{{ asset('css/customstyles.css') }}" rel="stylesheet"> 
     <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script> 

     <meta name="csrf-token" content="{{ csrf_token() }}"> 
     <script type="text/javascript"> 
      $.ajaxSetup({ 
       headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') } 
      }); 
     </script> 
     <script type="text/javascript" src={{ asset('js/page_scripts.js') }}></script> 
     <title>Laravel</title> 
    </head> 
    <body> 
     @yield('navbar') 
     @yield('content') 
     <script type="text/javascript"> 
      $('.date').datepicker({ 
       format: 'mm-dd-yyyy' 
      }); 
     </script> 
    </body> 
</html> 

だと、ここで、この問題は

を発生し、私のモーダルだ私

.date { 
    z-index: 999999999; 
} 

のために働いていました

私の欠点や私が間違っていることは何ですか?

+0

完全にレンダリングされたHTMLとCSSがなければ、デバッグは非常に難しいです。 Z-Indexの問題のようには見えません。 datepickerに内容がないように見えます。 –

答えて

0

最後に私は解決策を見つけました。 1.5.0バージョンにはいくつかのバグがあるようですので、1.7.1バージョンに置き換えるだけで完全に動作します。

関連する問題