如何在 window 的中心设置 JQuery 移动数据框弹出窗口？

Question

我现在使用 JQM 日期框如下：

<input name="startTime" id="startTime" type="text" data-role="datebox" data-options={"mode": "datebox"}>

但是 window 的中心没有弹出日期框。
我该怎么做？

Answer 1

您可以强制弹出窗口的位置：http://dev.jtsage.com/jQM-DateBox/api/popupPosition/

示例 1 (http://jsfiddle.net/Twisty/6swq0t0k/1/):

<input name="startTime" id="startTime" type="text" data-role="datebox" data-options='{ "mode": "datebox", "popupPosition": "window"}' />

示例 2：

<input name="startTime" id="startTime" type="text" />
<script>
$("#startTime").datebox({
    mode: "datebox",
    popupPosition: "window"
});
</script>

这将强制它在浏览器中居中 window。如果需要，您还可以通过它的 ID 将另一个元素居中。

如何在 window 的中心设置 JQuery 移动数据框弹出窗口？

How to set JQuery Mobile datebox popup at the center of window?

jquery-mobile

datebox