Na stronie po zaznaczeniu radioboxa i kliknięciu w przycisk ma się otworzyć okienko modalne.
Wywołuje je w ten sposób:
$(function () {
$('.bPrzelew').click(function () {
oModyfikuj = $("#oModyfikuj").prop("checked");
if (oModyfikuj === true) {
$('#modyfikujModal').modal('show');
});
});
Okienko modalne o następującej strukturze:
<div class="modal fade" id="modyfikujModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
W tym okienku po kliknięciu w pole edycyjne, zaznaczone na obrazku niebieskim tłem, pokazuje się wybór daty, w którym musiałem ustawić:
z-index: 1600 !important;
żeby okienko z datą nie ustawiało się za oknem modalnym.
Samo okienko jest wywoływane i ustawiane w taki sposób:
$(function () {
$("#to").datepicker({dateFormat: 'dd/mm/y', minDate: new Date(), changeMonth: true});
}
Input wygląda tak:
<input class="form-control" id="to" name="to" value=""
tabindex="2" required="" type="text">
Po kliknięciu w wybór miesiąca, który jest oznaczony zielonym tłem - najprawdopodobniej lista rozwijana jest pokazywana za oknem modalnym.
Nie widać żadnej reakcji, konsola żadnych błędów nie wypisuje.
Szukałem i znalazłem takie rozwiązanie:
https://stackoverflow.com/questions/29887850/jquery-ui-datepicker-month-year-dropdown-is-not-working-in-popup-in-latest-firef
Jednak po dodaniu kodu JS zawartego w odpowiedzi nie widzę żadnej poprawy.
Proszę o pomoc.