在模态窗口中使用jquery datepicker

时间:2011-04-24 18:53:40

标签: jquery modal-dialog

您好我正在使用rails 3,jquery和ajax创建模态窗口。这个想法是为了编辑对象或创建新对象,弹出窗口,编辑或创建任何你需要的东西,就是这样。

但是我也想在模态窗口中使用来自jquery的datepicker。一切正常,当我需要它时,日历会弹出...只要不在模态窗口中。原因似乎是当窗口弹出时,我检查源代码......没什么,好像它不存在,它只是向我显示窗口后面的任何内容。

这是否有意义或是否有人遇到类似的事情?

1 个答案:

答案 0 :(得分:2)

我认为这是针对datepicker的CSS中的一个问题。我记得我有类似的问题,而且CSS中的对话框的z-index比datepicker高。如果你在jQuery中使用日期选择器的CSS并将z-index值设置得更高,它应该出现在模态对话框中。

更新:
如果你进入你正在使用的主题的CSS文件(jquery-ui-1.8.12.custom.css就是一个例子)然后转到第510行你可以用这个替换行

.ui-datepicker { z-index: 1002; width: 17em; padding: .2em .2em 0; display: none; }