我如何調整jQuery DatePicker彈出框的位置以避免iFrame剪輯

Question

我有一個Jquery DatePicker彈出對話框被iFrame剪裁的問題，如圖所示。每個選項卡都是一個iFrame，並且DatePicker對話框會被剪切。我已將DatePicker z-index設置爲9999999而無效。所以我想我會像這樣將CSS填充添加到ui-datepicker-div元素中;

$("#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

我有一個類似的問題（我只是解決它）：一個datepicker用fullcalendar overlaping。對我來說，解決方案是改變CSS中兩個元素的z-index。但嘗試使用較小的值，（999999對我來說根本不起作用）。 z-index：選項卡爲1，z-index爲2：選擇器應該完成這項工作。

要定位datepicker使用margin attrib但是，但直接在CSS上。不知何故，使用「beforeShow」功能對我來說都不適用...

我現在不是最乾淨的方式來實現它，但一旦你得到它的工作，你可以專注於使它更清潔。

乾杯。