打开位于Dialog内部的Datepicker

Question

  

可能重复：
  Trouble with jQuery Dialog and Datepicker plugins

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

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

在#dialogCl内定义的日期选择器为：

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

我需要打开datepicker，但似乎它将datepicker放在对话框下。

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

Answer 1

Dialog有一个zIndex选项，您可以使用

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

Answer 2

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

如果您没有访问（或不想修改）css文件，可以尝试$('.ui-datepicker').css({'z-index': 1003})之类的内容。

Answer 3

我的最佳答案是将datepicker UI设置在所有对话框层之上：）

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

Answer 4

似乎datepicker应该将自己置于可见的所有内容之上，因为它是一个弹出窗口，或者它应该像对话框一样接受zIndex参数。

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

谢谢！