Monday, February 20, 2012

Datepicker and UI Z-Index Trick

I recently had to use JQuery Datepicker with another JQuery component, and found the datepicker disappearing on me behind my images that I was fading in and out. If you need a fix, this one works for me.

$(function () {

            $("#datepicker1").datepicker(
            {
                beforeShow: function () {
                    setTimeout(function () {
                        $(".ui-datepicker").css("z-index", 99);
                    }, 10);
                }
            });
            $("#datepicker2").datepicker();
});

No comments:

Post a Comment