之前在dialog总是避免使用datepicker,因为dialog的zindex总是盖住其他的容器
目前gogole了下,体会了一些解决方法,记录一下,大家共享:
参考链接:
[url]http://stackoverflow.com/questions/715677/trouble-with-jquery-dialog-and-datepicker-plugins[/url]
[b]解决方法一:[/b]通过css定义与jquery设定dialog的default属性:
CSS定义,放入自己的css中,当然要在jqueryui的css之后引入。
js定义:
[b]解决方法二:[/b]通过jquery设定datepicker的default属性:
两种方法都可以直接在页面中使用,还算较为方便
并且dialog盖住datepicker的问题也可解决
目前gogole了下,体会了一些解决方法,记录一下,大家共享:
参考链接:
[url]http://stackoverflow.com/questions/715677/trouble-with-jquery-dialog-and-datepicker-plugins[/url]
[b]解决方法一:[/b]通过css定义与jquery设定dialog的default属性:
CSS定义,放入自己的css中,当然要在jqueryui的css之后引入。
/* dialog and datepicker fix*/
#ui-datepicker-div{z-index:1001;}
js定义:
//set the dialog's default configuration
$.extend($.ui.dialog.defaults,{
zIndex: 950,
/*other configurations*/
});
[b]解决方法二:[/b]通过jquery设定datepicker的default属性:
$.datepicker.setDefaults({
beforeShow: function (i, e) {
var z = jQuery(i).closest(".ui-dialog").css("z-index") + 1;
e.dpDiv.css('z-index', z);
},
/*other configurations*/
});
两种方法都可以直接在页面中使用,还算较为方便
$('#eleid').datepicker({});
并且dialog盖住datepicker的问题也可解决