Question

I add a datepicker into my modal dialog box. but when I click on the date picker, it always display behind the modal dialog box. How can I load it inside the jQuery modal dialog box? Following is my code to load date picker…

<%= calendar_date_select_tag "event[start_at]", "", :valid_date_check => "date.getDay() != 0 && date.getDay() != 6  && date.stripTime() > (new Date()).stripTime()" %>    

I am using date picker plug-in in my application..

Answer 1

Sounds like the z-index of the modal box is higher than the datepicker

make the css z-index for the datepicker higher than the modal box.

example css:

.modal {
  z-index: 9990;
}

.datepicker {
  z-index: 9999;
}

Hope this helps.