How to customize datepicker dialog position while using jQuery UI?

Question

I need to have dialog box under the input field. The default behavior - to display above the filed. Tried to customize it using dialog method - haven't worked. What is the proper way to do it?

 <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>

UPDATE:

The datepicker dialog is not showing because of empty handler. This way also does not works :

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

Mooseman · Accepted Answer · 2013-04-01 21:36:42Z

1

Modify .ui-datepicker in the CSS file.

answered Apr 1, 2013 at 21:36

Mooseman

18.9k14 gold badges74 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

J.Olufsen Over a year ago

Thanks, but how to get current pos of input and display datepicker dialog just under it (so input field would be visible) ?

Mooseman Over a year ago

By default, the datepicker dialog does appear below the input field. jqueryui.com/datepicker

Steve Wellens · Accepted Answer · 2013-04-01 22:16:11Z

1

If you want to manually move the datePicker around:

    $(document).ready(DocReady);

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

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

answered Apr 1, 2013 at 22:16

Steve Wellens

20.6k2 gold badges31 silver badges70 bronze badges

Collectives™ on Stack Overflow

How to customize datepicker dialog position while using jQuery UI?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related