BootPrap 3（Safari/Chrome）のモーダルウィンドウでDatePickerが正しく表示されない

Question

バックエンドダッシュボードにAdminLTE/Bootstrapを使用しています.DatePickersを使用してモーダルウィンドウを表示するときに問題があります。 divの中に、私は、フォームでのロード時

$('.load-external').click(function(ev) { 
    var href = $(this).attr('href'); 
    $('#externalModal').find('.modal-body').load(href); 
    $('#externalModal').find('.modal-title').text($(this).attr('data-confirm-title')); 
    $('#externalModal').modal({ 
     show: true 
    }); 
    return false; 
}); 

問題がある：

私はその上に他のページからコンテンツをロードするには、次のJSコードを持っている（私はちょうどリンクにクラス-外部負荷を追加します）以下のような日付ピッカー：日付ピッカーはFirefoxでモーダルウィンドウ

の下に表示され

<input id="agreement_payment_estimatedPayingDate" 
    name="agreement_payment[estimatedPayingDate]" 
    class="form-control" 
    required="required" 
    type="date" 
    value="2016-06-22" 
    data-date-format="yyyy-mm-dd" 
    data-provide="datepicker" /> 

は、それはクロームでもないのSafariで正しくなく動作します。

これはなぜ起こっているのでしょうか？

Answer 1

などは、ここで説明： はhttps://stackoverflow.com/a/15183778/1041895

ただ、CSSを使用し、モーダルZインデックスである1150よりも大きいZインデックスを設定します。

<style> 
    .datepicker{z-index:1151 !important;} 
</style>