jquery - 日期选择器未显示在框架上

Question

我有一个里面frameset有 2frames个，顶部的那个正在打开一个日期选择器，但由于较低的框架，它没有完全显示出来......

我已经尝试增加z-indexofui-datepicker-div但它不起作用。

我发布了一张图片，以便澄清对这个问题的任何疑问：

如果无法做到这一点，我愿意接受新的解决方案（正在考虑打开一个对话框，但我认为它会一团糟）。

提前致谢！

（我无法在 jsFiddle 上创建演示，因为显然没有在框架内显示框架集）

Answer 1

一种解决方案（hack）是在显示日期选择器后，您可以滚动到框架的底部以显示整个日期选择器。

例子：

$(".myDatepickers").datepicker({ 
    beforeShow: function(input, inst) {
        // There's no On-/After Show event for datepicker (closest is beforeShow), 
        // so use a timeout-hack to wait until the datepicker has rendered
        // and then scroll.
        setTimeout(function() {
            // Get the document height, but you could also get the position + size 
            // of the datepicker to scroll just so that the datepicker will show.
            var scrollTo = $(document).height();

            // And scroll to the new position.
            $("html, body").scrollTop(scrollTo);
        }, 500); // Increase/decrease the timeout as needed.
    } 
});

如果 datepicker 后面有内容，可以获取 datepicker 的位置，偏移 datepicker 的大小，得到滚动位置。