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);
    }
});

JQuery日期选择器中的CSS问题

1 个答案: