解决jquery ui dialog中调用datepicker时日期选择控件被遮挡的问题

遇到了一个项目，里面用的都是原生的jquery-ui控件，开发过程中发现如果在dialog（弹出层）上设置一个日期选择控件，在调用时弹出的日期选择器被弹出层和遮罩层遮挡，因此查看了一下解决方案。在datepicker弹出前，修改z-index属性即可。代码如下：

beforeShow: function (i,e) { 
	var z = jQuery(i).closest(".ui-dialog").css("z-index") + 4; 
	e.dpDiv.css('z-index', z); 
}