jquery - 将 jquery-ui DatePicker 添加到 SmartWizard

Question

我正在使用 IE8 和 SmartWizard 2.0 插件。SmartWizard 中的步骤之一包括一个日期选择器。但是单击输入标签时不会显示弹出窗口。

var step4 = '<table id="Step4EffectiveDate" style="margin : auto; padding-top : 50px; height : 50%">';
step4 += '<tr>';
step4 += '<td style="margin : auto"><div class="stepDatePickerDiv">Effective Date: <input type"text" id="datepicker"/></div></td>';
step4 += '</tr>';
step4 += '</table>';

$("#step4").append(step4);

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: 'yy-mm-dd'
});

Answer 1

我认为这是因为 datepicker 的 z-index 小于 SmartWizard 的 z-index。我将 datepicker 的 z-index 增加到 9999，它现在工作得很好！

$(".ui-datepicker").css("z-index", 9999);