内部模态滚动内部的引导日期选择器与父页面,而不是模态

时间:2017-07-05 05:28:28

标签: twitter-bootstrap css3 bootstrap-modal bootstrap-datepicker

我有一个bootstrap模板,其中我必须在模态中使用datepicker。模态的内容是可滚动的。当我单击datepicker字段并滚动页面时,datepicker会滚动显示父页面引用,而模态内容根本不会滚动。此外,当滚动模态时,datepicker保持在"固定"位置(不滚动父页面)。有关如何将模态弹出窗口作为bootstrap中datepicker的父引用的想法吗?

2 个答案:

答案 0 :(得分:0)

使用datepicker(' place')选项:

$( "#model" ).scroll(function() {
    $('.datepicker').datepicker('place');
}); 

答案 1 :(得分:0)

问题开始是因为引导程序自动将窗口小部件附加到“主体”(默认容器)中,这就是为什么如果您使用模态必须指定容器的原因。如果您使用的是引导模态,则可以使用“容器:'。modal-body'”。

$('#myInput')。datepicker({     容器:“。modal-body” });

希望对您有帮助!