Датапикер начальной загрузки внутри модальной прокрутки с родительской страницей, а не с модальной

У меня есть шаблон начальной загрузки, в котором я должен использовать datepicker внутри модального окна. Содержимое модального окна можно прокручивать. Когда я нажимаю на поле datepicker и прокручиваю страницу, datepicker прокручивает ссылку на родительскую страницу, в то время как модальное содержимое вообще не прокручивается. Кроме того, при прокрутке модального окна указатель даты остается в «фиксированной» позиции (поскольку родительская страница не прокручивается). Есть идеи, как сделать модальное всплывающее окно в качестве родительской ссылки для datepicker в начальной загрузке?


css twitter-bootstrap bootstrap-modal bootstrap-datepicker
person Abhishek    schedule 05.07.2017    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Проблема начинается потому, что bootstrap автоматически добавляет виджет в «тело» (контейнер по умолчанию), поэтому, если вы работаете с модальными окнами, вы должны указать контейнер. Если вы используете модальное окно начальной загрузки, вы можете использовать «container: '.modal-body'».

$ ('# myInput'). datepicker ({контейнер: '.modal-body'});

Надеюсь, это поможет!

person jazminl    schedule 15.08.2019
comment
Спасибо! Я возился, пробуя всевозможные решения Хита Робинсона - ни одно из которых не сработало - прежде чем найти это. Я использую средство выбора даты Bootstrap в качестве обернутого компонента в проекте Vue, и это исправление отлично работает. - person Cass; 20.07.2021

arrow_upward
0
arrow_downward

Используйте опцию datepicker ('place'):

$( "#model" ).scroll(function() {
    $('.datepicker').datepicker('place');
});
person Alexander Higgins    schedule 05.07.2017
comment
Что означает этот параметр «место»? - person Abhishek; 05.07.2017