javascript - 如何在每次点击时更改 datetimepicker 的 z-index？

Question

我发现 datetimepicker 默认 z-index 是 1，但对于我的网站，我需要 9999 的 z-index 。我已经在点击处理程序中使用 jquery 更改了值，但它只适用于第一次点击。连续点击不起作用。这是为什么？

<td style="height: 40px;">
    <input type="text" class="datetimepicker" name="sdate" placeholder="Start Date" style="height: 39px; width: 260px;">             
</td>
<td style="height: 40px;">
    <input type="text" class="datetimepicker" name="edate" placeholder="End Date" style="height: 39px; width: 260px;">             
</td>

$(document).ready(function() {
    $('.datetimepicker').on('click', function(e) {
        e.preventDefault();
        $(this).datetimepicker({
            dateFormat: "yy-mm-dd",
            showTimezone: false,
            maskInput: true,
            timeFormat: "HH:mm:ss"
        }).focus();
        $('#ui-datepicker-div').css("z-index", 9999); //this is once time work
    });
});

Answer 1

在你的 css 文件中试试这个；

#ui-datepicker-div {
    z-index: 99999 !important;
}