Opened 10 years ago

Closed 8 years ago

#5174 closed bug (notabug)

Date Picker control not rendering properly

Reported by: ashishjain Owned by:
Priority: major Milestone: 1.9.0
Component: ui.datepicker Version: 1.8rc1
Keywords: Cc: 1985ashishjain@…
Blocked by: Blocking:


DatePicker? control not working properly in IE7, the title bar with next and prev button and month and year info is not rendered properly

This is issue is coming in jquery.ui 1.8 and not in 1.7

Change History (5)

comment:1 Changed 10 years ago by Scott González

Milestone: TBD1.8

comment:2 Changed 10 years ago by btburnett3

The only issue I've been able to find is that on a multi-month datepicker with chooseMonth and chooseYear, the title bar for the first month is very slightly taller than the other months.

Can you confirm that it still doesn't work on 1.8rc2 for you, and if so provide more details about your configuration, or perhaps an example we can use? I was testing on IE7 on XP. Thanks.

comment:3 Changed 10 years ago by mrapropos

Problem still exists in Datepicker 1.8.5. (IE7, XP w/SP3)

It appeared when a mult-month Datepicker is rendered in a DIV rather than hanging off an INPUT field. It seems like the initial draw is doing something poorly. Changing the months forces everything into the correct position and corrects other display issues with the Datepicker.

This created the datepicker:

$(function() {

$( "#datepicker" ).datepicker({ numberOfMonths: 2, hideIfNoPrevNext: true, minDate: new Date("September 1, 2011"), maxDate: new Date("November 30, 2011"), });


This is not an issue in modern browsers.

comment:4 Changed 10 years ago by mrapropos

Getting closer: it isn't the datepicker per-say. The problem occurs when the rounded corners are applied in IE7. They add extra padding to the calendar controls and heading ... causing the spacing problems noted above.

No rounded corners, no display problems.

comment:5 Changed 8 years ago by Jörn Zaefferer

Resolution: invalid
Status: newclosed

We don't support rounded corners in browsers without CSS border-radius support. If you apply a custom border-radius solution, you need to implement that properly yourself.

Note: See TracTickets for help on using tickets.