1

我将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 中对此进行了测试,但在这三个浏览器中看起来都一样。

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

4

1 回答 1

1

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

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

于 2013-06-13T19:44:15.847 回答