Bootstrap Datepicker超越了网站的页脚

Question

我正在更新一个网站，我们在那里有一个可供预订的表格页面。
对于日期文本框，它用于引导日期选择器作为日期。
这是一个代码点火器项目。

当我尝试重新加载页面时，我看到网站页脚下方的日期框。
当我尝试向上滚动至页面并单击日期文本框时，页脚下方的日期框将消失。
对我来说看起来很奇怪

这是我的带有日期的javascript代码。

$(".datepicker-1").datepicker({
            minDate: 0,
            dateFormat: 'DD, d MM, yy',
            showOn: "both",
            buttonImageOnly: true

        }).datepicker("setDate", new Date()).val(); 

这是包含日期选择器的div代码

<div id="ui-datepicker-div" class="ui-datepicker" style="position: absolute; z-index: 1;">
<div class="ui-datepicker-header ui-corner-all">
......
......
.....
</div>
</div>

任何人都可以帮助我找到一种在页面初始加载时隐藏<div id="ui-datepicker-div"/>的方法（即“不要在网站页脚下方看到”）并像往常一样显示它该过程继续进行（即，像往常一样，它应该触发日期选择器）。建议我任何JavaScript代码。


有关信息，我之前向您展示的<div id />并未显示在根编码页面中。