jquery mobile 1.4.2输入类型时间24小时模式

时间:2014-03-29 20:16:16

标签: jquery-mobile

有没有办法在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/

1 个答案:

答案 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}'/>

在这里下载日期选择器。

Datepicker download link

注意:如果要在输入字段中以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,就像第二个插件一样。