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

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -