代码之家  ›  专栏  ›  技术社区  ›  kibus90

弹出窗口中的日期选择器-无法选择日期,因为页面正在滚动到自然位置

  •  0
  • kibus90  · 技术社区  · 6 年前

    我有问题。。。我尝试在输入中使用datepicker,在那里它们工作得很好(运行、显示)。但是,当我试图选择日期时,出现了问题。然后页面在打开时滚动到正常位置。

    视频示例:

    https://imgur.com/mfelgFJ

    我做不到这一点,因为弹出窗口包含在主题中。。。。

    链接到我的网站:

    有人能帮我吗?

    //Edit1我找到了这个解决方案:

    jQuery UI datepicker causes screen to scroll to the top after selecting a date

    但这不管用。。。

    即使链接是“javascript:;”

    //编辑2:我有个问题为什么。。。这几乎很有效:

    (脚本包括)

    但现在的问题是,日期选择器出现在输入的某个位置,但不在输入下:

    https://i.imgur.com/PUTyS5T.png

    如何强制在输入上方或下方显示?

    1 回复  |  直到 6 年前
        1
  •  0
  •   kibus90    6 年前

    我找到了适合我的解决方案。。。问题是因为datepicker附加到了身体上。。。不,输入在哪里。我们必须在输入之后附加datepicker(必须在您想要使用它的弹出窗口中)。

    这段代码适用于我,它在输入下设置了日期选择器,您可以毫无问题地选择:

    $("input").datepicker({
        beforeShow: function(input, inst) {
            $(input).after($(input).datepicker('widget'));
    
             setTimeout(function () {
                inst.dpDiv.css({
                    top: 'auto',
                    left: 'auto'
                });
            }, 0);
    
            }});
    

    我希望这将有助于未来的人!