JTSage Datebox timebox JQuery Mobile 不会显示 AM/PM 选择器

Posted 2023-05-09

【中文标题】JTSage Datebox timebox JQuery Mobile 不会显示 AM/PM 选择器

【英文标题】：JTSage Datebox timebox JQuery Mobile will not show AM/PM Selector

【发布时间】：2017-04-25 02:32:14

【问题描述】：

我在一个新的移动项目中使用这个插件，它是一个 Cordova/jQuery Mobile 项目。

我试图通过使用内联数据选项而不是脚本调用的构造函数来使用它。这是我的时间输入：

<input id="txtQaTime" type="text" placeholder="Launch Time" data-role="datebox" data-options='"mode":"timebox", "overrideTimeFormat":"12", "overrideTimeOutput":"%l:%M %p"' />

它按预期工作，但它不会覆盖从 24 小时到 12 小时的时间格式，因此它不显示 AM/PM 选择器并且小时数从 1 到 24。

Example of picker with these settings

我确实尝试过使用构造方法，结果是一样的。我没有加载 i18N en 语言 js，但我确实尝试过这样做，但它返回了格式错误。

还有其他人遇到过这个问题和解决方案吗？需要加载 i18N js 语言文件吗？

谢谢！

【参考方案1】：

选项 1 - 使用语言环境

var date = new Date();
console.log(date.toLocaleString('en-US'));

选项 2 - 使用选项

var options =  hour12: true ;
console.log(date.toLocaleString('en-GB', options));

注意：除 safari atm 以外的所有浏览器都支持

【参考方案2】：

overrideTimeFormat 应该是 12，而不是“12”。我遇到了同样的问题，并且为我解决了这个问题。

【讨论】：

谢谢！图。大声笑！