Jquery UI 日期选择器不显示

Question

更新
我已恢复到 Jquery 1.3.2，一切正常，不确定问题是什么，因为除了 jquery 和 ui 库版本之外，我没有更改任何其他内容。
更新结束

我对JQuery UI datepicker有疑问。日期选择器正在附加到一个类，并且该部分正在工作，但日期选择器未显示。

这是我正在使用的日期选择器代码，以及当我单击具有“.datepicker”类的输入框时生成的内联样式。

$('.datepicker').datepicker({dateFormat:'dd/mm/yy'});

display:none;
left:418px;
position:absolute;
top:296px;
z-index:1;

如果我将 display:none 更改为 display:block，则日期选择器工作正常，只是当我选择日期时它不会关闭。

正在使用的 Jquery 库:

• jQuery JavaScript 库 v1.4.2
• jQuery UI 1.8 jQuery UI 小部件 1.8
• jQuery UI 鼠标 1.8 jQuery UI
• 位置 1.8 jQuery UI Draggable 1.8
• jQuery UI Droppable 1.8 jQuery UI
• 日期选择器 1.8

Answer 1

我遇到了同样的问题，我发现在我的例子中，原因是 datepicker div 由于某种原因保留了 .ui-helper-hidden-accessible 类，它具有以下 CSS:

.ui-helper-hidden-accessible {
 position: absolute !important;
 clip: rect(1px 1px 1px 1px);
 clip: rect(1px,1px,1px,1px);
}

我使用的是 google CDN 托管版本的 jquery，因此无法修改代码或 CSS。我也尝试过更改 z-index 但没有成功。对我有用的解决方案是将日期选择器的剪辑属性设置回其默认值 auto:

$('.date').datepicker();
$('#ui-datepicker-div').css('clip', 'auto');

由于这专门针对 datepicker div，因此与整体更改 ui-helper-hidden-accessible 类相比，对其他小部件产生意外副作用的可能性较小。