Loading ...

Jquery date picker z-index issue | CodeAsp.Net

Jquery date picker z-index issue

0 (0votes)

By default jQuery date picker set the zindex to 1 while opening the date picker. This can cause the issue if you have a fixed header. The picker can appear beneath the header like this:

The fix for this issue is to manually override the z index of "ui-datepicker" class. This can be done via applying the following css:

.ui-datepicker{ z-index: 9999 !important;}

After applying the above css override the datepicker will appear above other elements in DOM.

Comments (no comments yet)

Top Posts