Bootstrap DateTimePicker内滚动模式

时间:2019-01-07 22:35:22

标签: javascript bootstrap-modal bootstrap-datetimepicker

我有一个引导程序模态,其主体允许垂直滚动。在此内部,我尝试使用日期时间选择器,但是问题在于扩展选择器会导致模式主体添加滚动条。我需要保持滚动功能(对于可以向模式添加内容的其他事情),但我还需要将日期时间选择器扩展到模式之外,而不要使模式滚动(以便它占据红色正方形,而无需在图片中)。

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 :(得分:0)

签出第一行:<div class="modal-body" style="overflow-y:scroll;">。如果您取出overflow-y:scroll,则日历将投射到您的模式上。