Skip to main content

Search and Top Navigation

#5174 closed bug (notabug)

Opened February 12, 2010 12:04PM UTC

Closed February 27, 2012 03:00PM UTC

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

Attachments (0)
Change History (5)

Changed February 18, 2010 01:55PM UTC by scottgonzalez comment:1

milestone: TBD1.8

Changed February 22, 2010 04:56PM UTC by btburnett3 comment:2

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.

Changed October 20, 2010 03:15PM UTC by mrapropos comment:3

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.

Changed October 20, 2010 03:57PM UTC by mrapropos comment:4

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.

Changed February 27, 2012 03:00PM UTC by jzaefferer comment:5

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.