更改UI日期选择器的位置

Question

可能的重复：
如何更改弹出位置jQuery DatePicker 控件的

我如何更改 UI datepicker 小部件的位置？

我为我的文本框使用了 ui datepicker 小部件。但是当我点击日历时。数据选择器已显示。但日期选择器停留在错误的位置。数据选择器必须位于日历图标的左侧。

你可以在这里实时看到它： 你可以在这里实时看到它

这是我的 javascript用户界面数据选择器。

// Data picker
$(function () {
    $('#datepicker').datepicker({
        beforeShow: function(input, inst)
        {
            inst.dpDiv.css({marginTop: -input.offsetHeight + 'px', marginRight: input.offsetWidth + 'px'});
        }
    });
});

Answer 1

你可以添加这个CSS：

#ui-datepicker-div
{
    left:600px !important;
    width:470px !important;
}

你可以通过改变左和右来调整位置。宽度（以像素为单位）。我通过使用 Firefox 的 Firebug 调试 html 发现了这一点。