jquery - JQuery 日期选择器中的 CSS 问题

Question

我在 JQuery 中使用以下脚本作为日期选择器:

         $('#dob').datepicker({
            minDate: new Date(1900,1-1,1), maxDate: '-18Y',
            dateFormat: 'dd-M-yy',
            changeMonth: true,
            changeYear: true,
            yearRange: '-100:-18'
        });

但日期选择器位于表格下方，只有标题部分显示其余部分隐藏在表格中。

我尝试使用下面的 css，我将其放入 style.css 但没有解决。

.ui-datepicker{ z-index: 9999 !important;}

如何解决这个问题？请帮忙

Answer 1

像这样调用函数时使用z-index

$('#dob').datepicker({
    minDate: new Date(1900,1-1,1), maxDate: '-18Y',
    dateFormat: 'dd-M-yy',
    changeMonth: true,
    changeYear: true,
    yearRange: '-100:-18',
    //comment the beforeShow handler if you want to see the ugly overlay
    beforeShow: function() {
        setTimeout(function(){
            $('.ui-datepicker-div').css({'position': 'relative', 'z-index': 99999999999999});
        }, 0);
    }
});