jquery-ui - 如何更改 jquery ui datepicker 位置？

Question

可以改吗top和 left jQuery UI datepicker 的位置(获取当前值并更改它们) .请注意，我需要改变位置，而不是设置 margin就像在其他示例中一样。

Answer 1

就是这样。由于始终只有一个日期选择器处于事件状态，您可以使用以下命令选择事件的日期选择器:

var $datepicker = $('#ui-datepicker-div');

并改变它的位置:

$datepicker.css({
    top: 10,
    left: 10
});

编辑

哇，棘手的一个。如果您在 beforeShow 中设置顶部或左侧位置，它会被 datepicker 插件再次覆盖。您必须将 css 更改放入 setTimeout :

$("#datepicker").datepicker({
    beforeShow: function (input, inst) {
        setTimeout(function () {
            inst.dpDiv.css({
                top: 100,
                left: 200
            });
        }, 0);
    }
});

演示: http://jsfiddle.net/BWfwf/4/

关于 setTimeout(function () {}, 0)的说明: Why is setTimeout(fn, 0) sometimes useful?