我有一个问题,一个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
答案 0 :(得分:1)
我遇到了类似的问题(我只是解决了这个问题):一个与fullcalendar重叠的日期选择器。对我来说,解决方案是改变css中两个元素的z-index。但尝试使用较小的值,(999999对我来说根本不起作用)。 z-index:1表示选项卡和z-index:2表示选择器应该完成工作。
要定位datepicker,请使用margin attrib,但是直接在css上执行。以某种方式使用“beforeShow”功能对我来说既不适合......
我现在不是最干净的方法,但是一旦你开始工作,你就可以专注于让它更清洁。
干杯。