Question

我有一个jquery popup模式，我正在调用这个

function showDialog(clickid,reportid) {
         var clickid=clickid;
         var reportid=reportid;
            reportFilterDialog= $("#reportFilterDialog").modal({
              autoOpen: false,
              draggable: true,
              resizable: true,
              height: 220,
              width: 420,
              zIndex: 1001,
              //modal: true,
              title: 'Populate Report Parameters'

   });

在这个模式中，我在按钮点击时调用了一个日期选择器..像这样

       jQuery(function() {
               jQuery( "#from_date" ).datetimepicker({ dateFormat: 'yy-mm-dd',
                   showSecond: true,
                   timeFormat: 'hh:mm:ss',
                   changeMonth: true,
                   changeYear: true,
                   showOn: "button",
                   zIndex:9999,
                    buttonImage: "/gra/images/icons/fugue/calendar-month.png",
                   buttonImageOnly: true });
       });

其中from_date是输入字段ID ..

我仍然看到日期选择器弹出模态弹出窗口。我已经将datepicker的z-index设置为高于模态，但它不起作用。我还在datepicker css和jquery css中将.ui-datepicker z-index设置为9999，它具有该属性。
此外，从模态弹出窗口调用的任何其他弹出窗口都会加载到模态后面。我该如何解决这个问题？

Answer 1

我敢打赌，这纯粹只能用z-index值来做。我有一个类似的问题和jquery ui css的以下变化，它在一个模态中对我有用（注意z-index：2000！important-重要的是需要z-index被覆盖的其他部分）：

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 2000 !important;}

Answer 2

我也遇到过类似的问题。设置z-index不起作用。我尝试使用以下代码。

$("#IDofTimePicker").timepicker({
        template: "modal",
        format: 'HH:mm'
    });

将模板设置为“模态”对我有用。希望这有助于任何人。

datepicker和隐藏在模态弹出窗口后面的其他弹出窗口

2 个答案: