如何调整jquery DatePicker弹出窗口的位置以避免iFrame剪辑

时间:2010-11-15 01:05:27

标签: jquery iframe datepicker

我有一个问题,一个Jquery DatePicker弹出对话框被iFrame剪裁,如此图所示。每个选项卡都是一个iFrame,并且DatePicker对话框会被剪裁。我已将DatePicker z-index设置为9999999而没有效果。所以我想我会像这样在ui-datepicker-div元素添加CSS填充;

$("#actiondate").datepicker(
    {changeYear:true , changeMonth:true, dateFormat:"dd-M-yy", yearRange:"-3:+3", showAnim: "slideDown",
    //beforeShow:function() { $('#ui-datepicker-div').wrap('<div style="padding-top:40px;" />'); }
    beforeShow:function() { $("#ui-datepicker-div").css("padding-top","40px;"); }
}); 

没有任何影响。有没有办法重新定位DatePicker对话框?

Clipper DatePicker Example http://www.forsythesit.com.au/res/img/clippeddialog.jpg

1 个答案:

答案 0 :(得分:1)

我遇到了类似的问题(我只是解决了这个问题):一个与fullcalendar重叠的日期选择器。对我来说,解决方案是改变css中两个元素的z-index。但尝试使用较小的值,(999999对我来说根本不起作用)。 z-index:1表示选项卡和z-index:2表示选择器应该完成工作。

要定位datepicker,请使用margin attrib,但是直接在css上执行。以某种方式使用“beforeShow”功能对我来说既不适合......

我现在不是最干净的方法,但是一旦你开始工作,你就可以专注于让它更清洁。

干杯。