javascript - 如何改变jQuery DatePicker控件的弹出位置

Question

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

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

Answer 1

这是我正在使用的:

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

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