模式上的 DatetimePicker 未完全显示

Question

我正在尝试将 Datetimepicker 显示到 Bootstrap v3.3.7 model 但它没有完全显示。 一半的日期时间选择器可见，一半不可见，同样，问题也以响应方式出现（在移动设备等小型设备上）。 我附上了两张清楚地显示问题的图片。

这里 Html 代码是

<!-- Admission All modal dialog -->
<div class="modal fade" id="AdmissionAllModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- modal header -->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title text-center" id="myModalLabel">فہرست داخلہ دارجہ وار</h4>
            </div>
            <!-- /end modal header -->

            <!-- modal body -->
            <div class="modal-body">
                <h4>داخلہ کی درجہ وار فہرست حاصل کرنے کے لیے ابتدائی اور آخری تاریخ کا اندراج کریں۔</h4>
                <form id="AdmissionAllFormModal" method="post" action="onlineadmission/AdmissionAllReport.php">
                    <div class="form-group">
                        <label class="loginLabel">ابتدائی تاریخ</label>
                        <div class="input-group datetimePicker1">
                            <input class="datetimePicker1 form-control" type="text"> 
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-th"></span>
                            </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="loginLabel">آخری تاریخ</label>
                        <div class="input-group datetimePicker1">
                            <input class="datetimePicker1 form-control" type="text"> 
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-th"></span>
                            </span>
                        </div>
                    </div>
                    <div class="modal-footer">
                    <button class="btn btn-default" data-dismiss="modal">Close</button>
                    <input class="btn btn-primary" type="submit" name="SubmitToDelete" value="تلاش کریں۔">
                </form>
            <!-- /modal footer -->
        </div>
    </div>
</div>
<!-- end Admission All modal dialog -->

我正在使用 Bootstrap v3.3.7 和 Bootstrap Datetimepicker 版本 4.17.47。 任何人都可以帮助我如何在弹出窗口 model 上完全显示 Datetimepicker？ 就像给定的图片一样

Answer 1

尝试使日期选择器不依赖于模态和模态大小。 添加到模态 css：

.modal{
    position:absolute;
    z-index:1
 }

Answer 2

我通过使溢出找到了解决方案：可见。 现在正确答案在下面的代码中给出

.modal-content {
  overflow: visible;
}