添加jquery-ui日期picker到SmartWizard



我使用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'
});

我认为这是因为日期选择器的z-index小于SmartWizard的z-index。我将日期选择器的z索引增加到9999,现在它工作得很好!

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

最新更新