JQuery UI DatePicker默认z-index为1的解决办法

时间：2010-09-27 来源：FrogTan

用到JQuery UI的DatePicker时，发现如果页面有其他z-index比较大的控件，datepicker就会被遮住而不能操作。在网上也没能找到有效的解决办法，下面我提供一种看似投机的办法：

  $("#txtFillInDate").datepicker({
            monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
            dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
            dateFormat: 'yy-mm-dd',
            beforeShow: function () {
                setTimeout(
                    function () {
                        $('#ui-datepicker-div').css("z-index", 15);
                    }, 100
                );
            }
        });

关键就在于beforeShow的使用上，大家一看就明白，这里就不多说了，希望能给您带来帮助。

相关阅读更多 +