jquery-mobile - jquery mobile - 日期框在左侧出现太多

Question

我正在使用 jQuery 1.7.2 和 jqm-datebox 'stable'。

代码：

<label class="ui-input-text ui-hidden-accessible" for="date">Date</label>
<input jql id="date" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" type="text" value="" name="date" data-role="datebox" data-options='{"mode": "calbox", "calStartDay": 1}'></input>

但是，当我单击小图标时，日历框出现在左侧太多，如图所示。这在移动设备上尤为明显。

如果我减小窗口的宽度，它会更靠左。（element.style尤其是left属性）似乎是动态计算的，具体取决于宽度，但我无法找到在哪里，无论是在 css 中，还是在 js 中。我看到了这个问题，有点像我的问题，但我发现它不适用于我的情况。

我应该怎么去让盒子完整地展示出来？

Answer 1

从文档：

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode":"calbox", "centerHoriz": true}'>

centerHoriz 选项将为您提供您想要的。