Question

我有一个问题，一个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

Answer 1

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

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

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

干杯。

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

1 个答案: