Question

我有问题...我尝试在输入中使用datepicker，并且它们在这里运行良好（运行，显示）。但是当我尝试选择日期时出现问题。然后页面在打开时滚动到正常位置。

视频示例：

https://imgur.com/mfelgFJ

我无法执行它的JSFiddle，因为主题中包含弹出窗口。...

链接到我的网站：

Somone可以帮助我吗？

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

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

但这不起作用...

即使链接是“ javascript：;”

//编辑2：我提出了一个问题，为什么...而且效果很好：

（包含脚本）

但是现在的问题是，日期选择器显示在某处，但不在输入的下面：

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

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

Answer 1

我找到了对我有用的解决方案...问题是因为datepicker追加到主体上...没有输入。我们必须在输入之后附加日期选择器（必须在要使用它的弹出窗口中）。

此代码对我有用，它在输入下设置了日期选择器，您可以毫无问题地进行选择：

$("input").datepicker({
    beforeShow: function(input, inst) {
        $(input).after($(input).datepicker('widget'));

         setTimeout(function () {
            inst.dpDiv.css({
                top: 'auto',
                left: 'auto'
            });
        }, 0);

        }});

我希望它将对将来的人有所帮助！

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

1 个答案: