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

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

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

要定位日期选择器，请使用边距属性，但直接在 CSS 上进行操作。不知何故，使用“beforeShow”功能对我来说也不起作用......

我现在这不是实现它的最干净的方法，但是一旦你让它发挥作用，你就可以专注于让它变得更干净。

干杯。