jquery - 如何更改 jQuery UI Datepicker Z-Index 值？

Question

我被迫使用旧版本的 jquery ui，即 1.8.10。此版本中的日期选择器在 z-index 设置中有一个错误，有时会使其出现在其他控件下。我只是想调整 dp 的 z-index，以便它出现在其他控件的顶部。我试图将 z-index 更改为 .js 文件，但失败了。我读过你必须在 aftershow 事件上设置这个值，因为如果它更早，这个值将被覆盖(不确定这是不是真的)。这是我如何创建 dp 实例的示例...我还将时间选择器附加到日期选择器。

        $(function () {
        $("input[id$='txtPreviousCutOff']").datetimepicker({
            timeFormat: "hh:mm tt",
            stepMinute: 5
        });
        $("#dpimage6").click(function () {
            $("input[id$='txtPreviousCutOff']").datepicker("show")
        });
    });

Answer 1

.ui-datepicker-div { z-index: 999999; }

或者用 js:

$(function () {
    $("input[id$='txtPreviousCutOff']").datetimepicker({
        timeFormat: "hh:mm tt",
        stepMinute: 5
     });
     $("#dpimage6").click(function () {
        $("input[id$='txtPreviousCutOff']").datepicker("show")
    });
    $('.ui-datepicker-div').css('zIndex', 999999);
});