JQuery datepicker not displaying properly

Question

I recently migrated from JQuery 1.2 to JQuery 1.3. However, the DatePicker UI is giving me a problem. I have a text field within a JQuery dialog. A datepicker is attached to this field. When I click on the field the datepicker pops up but behind the dialog box, which blocks out almost the entire DatePicker. Also, the DatePicker does not display next to the text field but way below it. Is there anything I can do to position the datepicker properly?

EDIT: Here is my declaration of the datepicker:

$("#date").datepicker(
    {
        dateFormat: 'DD, d MM yy',
        minDate: 0,
        showOn: 'button',
        buttonText: "Choose a date",
        buttonImage: '/images/calendar.png',
        buttonImageOnly: true,
        hideIfNoPrevNext: true
    }
);

Hi Draco, some source could would be nice. Thanks!

Henrik P. Hessel
– Henrik P. Hessel

2009-05-22 09:23:07 +00:00
Commented May 22, 2009 at 9:23 — Henrik P. Hessel
– Henrik P. Hessel, Commented May 22, 2009 at 9:23
Oops, my bad...added the source code now

Draco
– Draco

2009-05-22 09:29:53 +00:00
Commented May 22, 2009 at 9:29 — Draco
– Draco, Commented May 22, 2009 at 9:29

Henrik P. Hessel · Accepted Answer · 2009-05-22 09:43:54Z

2

please update to the latest JQuery Build. Afaik this has been a bug in a recent build.

answered May 22, 2009 at 9:43

Henrik P. Hessel

36.6k17 gold badges83 silver badges101 bronze badges

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

1 Comment

Draco Over a year ago

I solved the problem by setting the z-index to 99999, but I think I will rather update to the latest build as you said just to be safe.

Collectives™ on Stack Overflow

JQuery datepicker not displaying properly

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related