如何在每次點擊時更改datetimepicker的z-index？

Question

我發現datetimepicker默認z-index是1，但對我的網站我需要z-index9999。我已經改變了點擊處理程序中的jquery的值，但它只能在第一次點擊時起作用。連續點擊不起作用。爲什麼是這樣？

<td style="height: 40px;"> 
    <input type="text" class="datetimepicker" name="sdate" placeholder="Start Date" style="height: 39px; width: 260px;">    
</td> 
<td style="height: 40px;"> 
    <input type="text" class="datetimepicker" name="edate" placeholder="End Date" style="height: 39px; width: 260px;">    
</td> 

$(document).ready(function() { 
    $('.datetimepicker').on('click', function(e) { 
     e.preventDefault(); 
     $(this).datetimepicker({ 
      dateFormat: "yy-mm-dd", 
      showTimezone: false, 
      maskInput: true, 
      timeFormat: "HH:mm:ss" 
     }).focus(); 
     $('#ui-datepicker-div').css("z-index", 9999); //this is once time work 
    }); 
}); 

Answer 1

我從http://xdsoft.net/找到了一些固定的代碼，我剛加了destroy函數就行了。

$(document).ready(function() { 
$('.datetimepicker').on('click', function(e) { 
    e.preventDefault(); 
    $(this).datetimepicker({ 
     dateFormat: "yy-mm-dd", 
     showTimezone: false, 
     maskInput: true, 
     timeFormat: "HH:mm:ss" 
    }).focus(); 
    $('#ui-datepicker-div').css("z-index", 9999); //this is once time work 
    $(this).datetimepicker("destroy");//this is solved my problem 
}); 

}）;

Answer 2

在你的CSS文件試試這個;

#ui-datepicker-div { 
    z-index: 99999 !important; 
}