mugifly / jquery-simple-datetimepicker

Date & time picker for jQuery, It's simple & clean.
http://mugifly.github.com/jquery-simple-datetimepicker
Other
260 stars 182 forks source link

GREAT date-time picker. An ie9 bug? #22

Closed jjsgro closed 11 years ago

jjsgro commented 11 years ago

GREAT date-time picker. Best one I've found on the net after a lot of searching. Easy to set up, looks great, works perfectly! So I hate to bring up a trivial item like this. But...

I've found a minor issue in the css. When using ie9, the time selection list moves from the right hand side of the inner container to underneath the calendar section. (Chrome and Firefox display perfectly.) Perhaps there's an ie specific margin or padding setting that can be added/deleted to keep the time container locked in place on the right hand side?

EDIT: Looking at the example page with ie9...I'm using the "Append to Input-Field (Inline)" option. A little weirdness happens. Seems that hovering over the month ahead (">") or month back ("<") links activates the time list jump to the bottom of the container. After clicking a new date/time, the time list returns to it's original spot...until there's another hover over one of the month ahead/behind links again. Hope that helps a little.

Thanks for the great add-on!

John

mugifly commented 11 years ago

Thankyou, John. I surely confirmed this malfunction with ie9.

This picker consists of the following DOM structure: .datepicker > .datepicker_inner_container > .datepicker_timelist & .datepicker_calendar

A width of .datepicker_calendar and .datepicker_calendar is decided based on the width of each inner-contents, automatically (by CSS).

Then, In the .datepicker and .datepicker_inner_container. these width is decided based on children's widths (width of .datepicker_calendar and .datepicker_calendar.).

However, in IE9, the this width of this child element may be not calculated, or it does not seem to be reflected to the parent.