Search code examples
jquerydatetimez-index

Datetime picker below div

Can anyone help me discover why my datetime picker is hiding behind the rest of the divs?

http://www.lcslegal.co.uk/booking-form.html

I have added this line of css to try and fix it in custom.css but to no avail:

.ui-datepicker, #ui-timepicker-div { z-index:1003; }
Solution

  • Class col1 has a z-index of 10. If I manually change the the datepicker to have z-index of 1003, it seems to work. Why don't you try using the CSS on the named DIVs instead of the classes.

    #ui-datepicker-div, #ui-timepicker-div { z-index: 1003; }