將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。我將日期選擇器的z-index增加到了9999，現在它的工作很好！

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