Opened 13 years ago

Closed 11 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: [email protected]
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 13 years ago by Scott González

Milestone: TBD1.8

comment:2 Changed 13 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 12 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 12 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 11 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.