jquery - 打开位于 Dialog 内的 Datepicker

Question

可能重复：
jQuery Dialog 和 Datepicker 插件的问题

目前，我将对话框定义为：

  $('#dialogCl').dialog({
     autoOpen: false,
     width:650,
     height:550
  });

并且内部定义的日期选择器#dialogCl为：

 $("#c").datepicker({showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true});

我需要打开日期选择器，但它似乎将日期选择器放在对话框下方。

我在这里找到了一些关于此的帖子，但我不知道如何.ui-datepicker以1003编程方式将 z-index 设置为

score 1 · Accepted Answer

Dialog 有一个可以使用的 zIndex 选项

  $('#dialogCl').dialog({
     autoOpen: false,
     width:650,
     height:550,
     zIndex: 800
  });

score 0 · Accepted Answer

我有同样的问题 - 我的解决方案是为.ui-datepicker添加一个 z-index 到 jquery-ui*.css 。

$('.ui-datepicker').css({'z-index': 1003})如果您无权访问（或不想修改）您的 css 文件，您可以尝试类似的操作。

score 0 · Accepted Answer

似乎日期选择器应该将自己放置在所有可见的顶部，因为它是一个浮出控件，或者它应该像对话框一样接受一个 zIndex 参数。

这两种情况都有吗？到目前为止，这里显示的 css hack($('.ui-datepicker').css({'z-index': 1003}) )是唯一有效的。

谢谢！

score 0 · Accepted Answer

我最好的答案是在所有对话框层之上设置 datepicker UI :)

.ui-datepicker
{
  z-index : 9999;
}

4 回答 4