Bootstrap DateTimePicker внутри прокручиваемого модального - PullRequest
0 голосов
/ 08 января 2019

У меня есть модальный бутстрап с телом, которое позволяет вертикальную прокрутку. Внутри этого я пытаюсь использовать средство выбора даты и времени, но проблема в том, что расширение средства выбора заставляет тело модала добавлять полосы прокрутки. Мне нужно сохранить возможность прокрутки (для других вещей, которые могут добавлять контент к модалу), но мне также нужно, чтобы средство выбора даты и времени расширялось за пределы модального окна и не заставляло модал прокручиваться (чтобы он занимал красный квадрат без на картинке).

enter image description here

<div class="modal-body" style="overflow-y:scroll;">
    <div class="row">
        <div class='col-md-4'>
            <div class="form-group">
                <div class='input-group date' id="datetimepicker3">
                    <input type="text" class="form-control" data-bind="value: $data.visitdate" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

Вот скрипка: https://jsfiddle.net/axg1010/3xunve7r/

1 Ответ

0 голосов
/ 08 января 2019

Проверьте вашу самую первую строку: <div class="modal-body" style="overflow-y:scroll;">. Если вы достанете overflow-y:scroll, календарь будет проецироваться поверх вашего модального.

...