gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 03:38:43 24 4
gpt4 key购买 nike

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

第二个看起来像这样:

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

最佳答案

我用了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,
});
});
}
});

关于javascript - JqueryUI日期选择器的定位: how to set its position relative to where it would automatically show up?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26514845/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com