时间戳

首页 > 解决方案 > 弹出窗口中的日期选择器 - 无法选择日期，因为页面正在滚动到自然位置

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

问题描述

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

视频示例：

https://imgur.com/mfelgFJ

我不能做它的JSFiddle，因为弹出窗口包含在主题中......

链接到我的网站：

有人可以帮助我吗？

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

jQuery UI datepicker 导致屏幕在选择日期后滚动到顶部

但这不起作用...

即使链接是“javascript:;”

//编辑2：我发现问题为什么......这几乎很好用：

（脚本包括）

但现在的问题是日期选择器出现在某处但不在输入下：

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

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

标签： jqueryhtmljquery-ui

解决方案

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

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

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

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

        }});

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

推荐阅读