BootPrap 3 (Safari/Chrome)의 모달 창에 DatePicker가 제대로 표시되지 않습니다.

Question

백엔드 대시 보드에 AdminLTE/Bootstrap을 사용하고 있으며 DatePickers가있는 모달 창을 표시 할 때 문제가 있습니다. 사업부에서 나는 양식을로드 할 때

$('.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 코드가 (난 그냥 링크 클래스 - 외부 부하를 추가) 같은 DatePicker에서 다음 DatePicker에서 파이어 폭스에서 모달 창

아래에 표시됩니다

<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" /> 

은 크롬도 사파리에서 제대로 아니라 작동합니다.

왜 이런 일이 일어날 수 있으리라 생각하십니까?

Answer 1

처럼 여기에 설명 : 는 https://stackoverflow.com/a/15183778/1041895

그냥 CSS를 사용하고, 모달 Z- 인덱스 인 1150보다 큰 Z - 인덱스를 설정합니다.

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