Jquery 打开位于对话框内部的日期选择器

可能重复：

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

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

而

#dialogCl

中定义的日期选择器为：

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

我需要打开日期选择器，但它似乎将日期选择器置于对话框下

---

我在这里找到了一些关于这方面的帖子，但我不知道如何通过编程将

.ui日期选择器的z-index设置为
1003
，我也遇到了同样的问题-我的解决方案是为.ui日期选择器的jqueryui*.css添加一个z-index

如果您无法访问（或不想修改）css文件，可以尝试类似于
$（'.ui datepicker'）.css（{'z-index'：1003}）
的方法。
我也遇到了同样的问题-我的解决方案是为.ui datepicker向jquery ui*.css添加z-index

如果您没有访问（或不想修改）css文件的权限，可以尝试类似于
$（'.ui datepicker'）.css（{'z-index'：1003}）
的方法。
对话框有一个zIndex选项，您可以使用它

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

对话框有一个zIndex选项，您可以使用它

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

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

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

似乎datepicker应该将自己放在所有可见的东西之上，因为它是一个弹出型按钮，或者它应该像对话框一样接受zIndex参数

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

谢谢
 似乎datepicker应该将自己放在所有可见的东西之上，因为它是一个弹出型按钮，或者它应该像对话框一样接受zIndex参数

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

谢谢
 幸运的是，你的代码工作得非常完美