jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何更改jQuery UI Datepicker Z-Index值?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我被迫使用旧版本的 jquery ui,即1.8.10.此版本中的日期选择器在z-index设置中有一个错误,有时会使其出现在其他控件下.我只是想调整dp的z-index,使其显示在其他控件的顶部.我试图将z-index更改为.js文件,但失败了.我读过你必须在aftershow事件上设置这个值,因为如果它的早期值将被覆盖(不确定这是否为真).这是一个如何创建dp实例的示例…我还将时间戳附加到datepicker.
$(function () {
        $("input[id$='txtPrevIoUsCutOff']").datetiR_749_11845@epicker({
            timeFormat: "hh:mm tt",stepminute: 5
        });
        $("#dpimage6").click(function () {
            $("input[id$='txtPrevIoUsCutOff']").datepicker("show")
        });
    });

解决方法

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

或者使用js:

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

大佬总结

以上是大佬教程为你收集整理的如何更改jQuery UI Datepicker Z-Index值?全部内容,希望文章能够帮你解决如何更改jQuery UI Datepicker Z-Index值?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。