jQuery的用户界面 – 如何更改jQuery UI的日期选择器的位置?

前端之家收集整理的这篇文章主要介绍了jQuery的用户界面 – 如何更改jQuery UI的日期选择器的位置?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
可以更改 jQuery UI datepicker的顶部和左侧位置(获取当前值并更改它们).请注意,我需要更改位置,而不是在其他示例中设置余量.

解决方法

就是这样.由于始终只有一个datepicker活动,您可以选择活动的datepicker与:
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?

原文链接:https://www.f2er.com/jquery/179547.html

猜你在找的jQuery相关文章