html - 使用 jQuery UI 时如何自定义日期选择器对话框位置？

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

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

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" });
    }