Как я могу настроить положение всплывающего окна 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 Пример http://www.forsythesit.com.au/res/img/clippeddialog.jpg

Answer 1

У меня была похожая проблема (и я ее просто решаю): средство выбора даты перекрывается с полным календарем. Для меня решение было изменить z-индекс двух элементов в CSS. Но попробуйте с меньшими значениями, (999999 у меня не работал вообще). z-индекс: 1 для вкладок и z-индекс: 2 для сборщика должны выполнить работу.

Чтобы установить указатель даты, используйте атрибут att margin, но сделайте это прямо на CSS. Каким-то образом использование функции beforeShow для меня тоже не сработало ...

Я сейчас не самый чистый способ добиться этого, но как только вы заработаете, вы можете сосредоточиться на том, чтобы сделать его чище.

Приветствие.