如何更改 jQuery DatePicker 控件的弹出位置

Question

知道如何让 DatePicker 出现在相关文本框的末尾而不是直接在它下方吗？倾向于发生的是文本框位于页面底部，并且 DatePicker 向上移动以解决它并完全覆盖文本框。如果用户想输入日期而不是选择日期，他们不能。我宁愿让它出现在文本框之后，所以它如何垂直调整并不重要。

知道如何控制定位吗？我没有看到小部件的任何设置，也没有任何运气来调整 CSS 设置，但我很容易遗漏一些东西。

原文由 gfrizzle 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这个问题的公认答案实际上不适用于 jQuery UI Datepicker。要更改 jQuery UI Datepicker 的位置，只需修改 css 文件中的 .ui-datepicker。 Datepicker的大小也可以通过这种方式改变，只需调整字体大小即可。

原文由 jonmc12 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

这是我正在使用的：

 $('input.date').datepicker({
    beforeShow: function(input, inst) {
        inst.dpDiv.css({
            marginTop: -input.offsetHeight + 'px',
            marginLeft: input.offsetWidth + 'px'
        });
    }
});

您可能还想在左边距上多加一点，这样它就不会紧挨着输入字段。

原文由 Sean CH 发布，翻译遵循 CC BY-SA 4.0 许可协议