jQM Datebox控件包装

Question

我使用jQuery Mobile DateBox作为简单的日期/时间选择器。不幸的是，控件正在包装，如下所示：

我只是使用基本表单元素：

<label for="completedDate">Date: </label>
<input name="completedDate" id="completedDate" type="date" data-role="datebox" 
    data-options='{"mode": "datebox", "useFocus": true, "useButton": false, "useNewStyle": true}'>

选项'useFocus'，'useButton'，'useNewStyle'没有影响，它们只是用于输入控件的样式。

我尝试过对话框，弹出窗口和内联模式，但无济于事。

我只在Android 4.1浏览器中测试了这个，以及桌面IE9和Firefox 21.0，但它们在三者中看起来都是一样的。

我认为它与控件和文本字段之间的填充和宽度差异有关，但我不确定解决它的“正确”方法是什么。我已经浏览了可用的选项，但似乎都没有正确显示它。我没有更改任何默认值，只是加载脚本并使用我上面显示的代码段。

Answer 1

您还需要加载日期框样式表。

http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.css