jquery mobile - 日期框左侧显示太多

Question

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

代码：

<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中的位置。 我看到this question，有点像我的，但我觉得它不适用于我的情况。

我应该如何完整地制作盒子？

Answer 1

来自文档：

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

centerHoriz选项可以满足您的需求。