如何在使用jQuery UI时自定义datepicker对话框位置？

Question

我需要在input字段下设置对话框。默认行为 - 显示在字段上方。试图使用dialog方法自定义它 - 没有用。这样做的正确方法是什么？

 <script>
    $(function() {
        $( "#adv-issue-date" ).datepicker();

            var handler = function() {};
            var dp-settings-param = "";
            var dp-pos = [100, 200];

            $( "#adv-issue-date" ).datepicker( "dialog", "10/12/2012, handler, dp-settings-param, dp-pos" );
            });
        </script>

更新：

由于空datepicker，因此未显示handler对话框。这种方式也行不通：

var handler = function() {$( "#adv-issue-date" ).datepicker("show");};

Answer 1

修改CSS文件中的.ui-datepicker。

Answer 2

如果您想手动移动datePicker：

    $(document).ready(DocReady);

    function DocReady()
    {
        $("#adv-issue-date").datepicker({ beforeShow: moveDatePicker });    
    }

    function moveDatePicker(input, inst)
    {
        inst.dpDiv.css({ marginLeft: "200px", marginTop: "200px" });
    }