Jquery DatePicker 使用下拉菜单更改月份导致窗口滚动

Question

我只能在滚动页面时看到我的日期选择器。滚动后，如果我单击 datepicker ，它会按预期打开，但在使用下拉菜单更改月份后，窗口的滚动位置向上移动一点，导致 datepicker 隐藏。所以无法点击。

Answer 1

我建议您使用日期选择器事件“beforeShow”来运行脚本以将页面滚动到最佳位置。

$('.selector').datepicker({
   beforeShow: function(input, inst) { ... }
});

jQuery 插件 SCROLLTO 可以帮助解决这个问题。从其页面：

使用此插件，您可以轻松滚动溢出的元素和屏幕本身。
它使您可以访问许多不同的自定义选项以及指定滚动位置的各种方法。

同样，您将使用在 beforeShow 选项中指定的函数来执行此操作。