The calendar of DatePicker is behind Window

Hello Chu,

The z-index of the Window is greater than the z-index of the popup Calendar. In order to resolve this, please use the open event of the DatePicker and set a larger z-index style to its popup.

$(".k-calendar-container").parent().css("zIndex", "11000");

http://demos.kendoui.com/web/datepicker/events.html

Kind regards,
Dimo
the Telerik team

Sorry, but it doesn't work. Even when i try a higher z-index value (The open event is fired). I also found another problem that the datepicker calendar doesn't close itself when i open it and then close the popup window.

Thanks! sorry for my english.

Hello,

Yes, you need a timeout:

window.setTimeout(function(){ $(".k-calendar-container").parent(".k-animation-container").css("zIndex", "11000"); }, 1);

I can't reproduce the close problem, can you provide a runnable example?

All the best,
Dimo
the Telerik team

Thank you for your support! I will try it after the lunar new year. It's time to relax. My project  is stored in company PC ~.~.

All the best!

Thank you for your supported, Dimo. It works well.

Best regards!
Chu.

Hi,

This code is not working for me. Can you please post a working sample or complete snippet?

I just do this:
<input type="date"/>
....
$("input[type=date]").kendoDatePicker({
        open:function(e)
            {                
                window.setTimeout(function(){ $(".k-calendar-container").parent(".k-animation-container").css("zIndex", "11000"); }, 1);
            }
      });
Good luck!