有没有办法在jquery mobile中更改输入类型时间的模式?
我使用Jquery mobile 1.4.2
以下是代码:
<label for="time">Time:</label>
<input type="time" data-theme="a" data-clear-btn="true" name="time" id="time" value="">
但是默认情况下,输入字段处于上午/下午模式,因此移动设备中的行为也处于上午/下午模式。在德国,我们使用24小时模式,所以我想尽可能改变模式。如何更改模式?
我在这里找到输入类型=“时间”: http://demos.jquerymobile.com/1.4.2/textinput/
答案 0 :(得分:1)
检查这个小提琴。它显示24小时日期格式。默认情况下,jquery mobile中没有日期和时间。所以你需要添加外部插件。
的 FIDDLE OUTPUT 强>
您的HTML输入就像
<input name="mytime" id="mytime" type="time" data-role="datebox" data-options='{"mode": "timebox", "useNewStyle":true,"overrideTimeFormat": 24}'/>
在这里下载日期选择器。
注意:如果要在输入字段中以24小时格式显示时间,则需要自定义JQM datepicker插件。与JQM-datebox-core.js
中一样,您需要设置timeFormat : 24,
。
编辑:JQM 1.4.2
文档Document link表示他们正在使用第三方插件。他们referred two plugins
一个是JQUERY UI ,另一个是 arschmitz JQUERY MOBILE DATEPICKER 。在上面的例子中,我使用的是jquery mobile datepicker,就像第二个插件一样。