javascript - jQuery UI date picker displays incorrectly (see-through) -
i'm having difficulty jquery date picker control. in application, i'm using basic method invoke calendar:
$('#elmt').datepicker(); the target element input text box on pop-up div. whenever click textbox, calendar shows see-through: http://s17.postimage.org/4knyxgvjz/see_thru_calendar.png
i've tried suggestions on stackoverflow adjust z-index of ui-datepicker class:
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 9999 !important; } but hasn't made difference either. test environment running internet explorer 7 (the calendar render ok on sample index.html provided jquery-ui).
has seen issue jquery ui datepicker?
you not loading relevant css jquery ui datepicker, , causing calendar "see-through".
to test it, edit css file jquery ui , change class background:
.ui-widget-content { background: #000; } if datepicker gets black background, style sheet being loaded, path images might wrong.
if no black background, style sheet isn't being loaded.
another method confirm if problem lies on style sheet include css directly jquery cdn:
http://code.jquery.com/ui/1.8.20/themes/redmond/jquery-ui.css
Comments
Post a Comment