前端之家收集整理的这篇文章主要介绍了
如何让jQuery-UI datepicker出现在我的屏幕中央？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
现在,datepicker的位置是通过javascript通过jQuery-UI框架添加的内联css确定的.我希望将日期选择器放在屏幕中央,而不是根据触发器的位置进行定位.
如何用我自己的东西覆盖jQuery生成的这个定位？我甚至有一个jQuery脚本将div放在屏幕中央,但由于脚本被jquery-ui覆盖,它仍然无法正常工作.
这是生成的内联代码：
这是一个jQuery函数,用于将div放在屏幕上：
//center div on screen
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top",(($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
this.css("left",(($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
return this;
}
由：$(‘.ui-datepicker’).center();
使用此函数将.ui-datepicker div置于屏幕中心的代码是什么？
编辑：这是网站：http://univiaje.spin-demo.com/
>单击侧栏中红色背景下方的其中一个链接,应打开一个窗口
>单击日历图标
>失败:(
最佳答案
HTML,CSS
解决方案
HTML：
CSS：
#datepicker-container{
text-align:center;
}
#datepicker-center{
display:inline-block;
margin:0 auto;
}
原文链接：https://www.f2er.com/css/427733.html
