javascript - JqueryUI日期选择器的定位: how to set its position relative to where it would automatically show up?

Question

我有一个带有过滤框的搜索页面。此框中有两个日期过滤器:之前和之后。每个日期过滤器都使用 jquery ui-datepicker。第一个看起来像这样:

第二个看起来像这样:

我需要“之前日期”框(图 2)的日历与“之后日期”框(图 1)显示在同一位置。不过，我认为我无法对第二个日历的位置进行硬编码，因为虽然这可能在我的计算机上工作，但更宽或更小的屏幕可能会将其放在错误的位置。我也无法将其设置为相对值，因为它的位置已经使用绝对值设置。如何让第二个日历显示出来，比如距自动显示位置左侧 200 像素？

Answer 1

我用了atom.gregg的答案来提出解决方案:

$("#beforedate").datepicker({
    beforeShow: function(input, inst) {
        setTimeout(function () {
            var offsets = $("#afterdate").offset();
            var top = offsets.top + 25;
            inst.dpDiv.css({
                top: top,
                left: offsets.left,
            });
        });
    }
});