Eurika! I finally manage to fixed this with combined tweaks from the following scenario:
The 2-Layer modalPopupExtender are posting back. That means that the jQuery localize earlier are gone. To fix this issue, instead of
$(document).ready(function() {});
, you have to usefunction pageLoad(){}
like this:function pageLoad() { $('#ctl00_ContentPlaceHolder1_txtTimeSlotFrom').timepicker({ hourGrid: 4, minuteGrid: 10 }); }
Now, to fix the
z-index
, I includebeforeShow
config in localization like in here:$('#ctl00_ContentPlaceHolder1_txtTimeSlotFrom').timepicker({ hourGrid: 4, minuteGrid: 10, beforeShow: function() { setTimeout(function(){ $('.ui-timepicker').css('z-index', 16777271); }, 0); } });