我将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 中对此进行了测试,但在这三个浏览器中看起来都一样。
我认为它与控件和文本字段之间的填充和宽度差异有关,但我不确定修复它的“正确”方法是什么。我已经浏览了可用的选项,但似乎没有一个能正确显示。我没有更改任何默认值,只是加载了脚本并使用了上面显示的代码段。