javascript - jquery UI 1.9 Datepicker在选择器之间移动时显示空div

Question

jquery ui 1.9 rc 与 jquery 1.8

我在页面上有 2 个日期选择器，当我按下一个时它可以工作，但是当我按下另一个时，它显示一个空白的小 div，而不是按页面上任何位置的日期选择器将释放并且日历将显示

是 jquery ui 错误还是我做错了什么？

<input type="text" id="datepicker">
<input type="text" id="datepicker2">
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
<script src="../../jquery-1.8.0.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.datepicker.js"></script>
<script>
$(function() {
    $( "#datepicker" ).datepicker();
    $( "#datepicker2" ).datepicker();
});
</script>

Answer 1

尝试在 datepicker 之前创建 datepicker2。如果 datepicker2 有效而 datepicker 无效，您可以从那里继续调试。

Answer 2

将此 css 添加到您的页面以隐藏 div ui-datepicker-div ：

<!--  datepicker  -->
<style>
    #ui-datepicker-div {
        display: none;
    }
</style>