javascript - 12 小时时间格式的 JQuery 输入掩码

Question

我正在使用 jquery inputMask 库（https://github.com/RobinHerbots/jquery.inputmask）。但是如果有更好的 inputMask 库，请随时告诉我。但我需要 inputMask，而不是时间选择器。

场景是在时间字段上有 inputMask。我们希望根据用户的语言环境显示并拥有 inputMask，因此它应该支持 12 小时和 24 小时格式。最初我们只支持 24 小时格式，所以掩码代码如下所示：

$('input[id$="endTime"]').inputmask("hh:mm:ss", {placeholder: "HH:MM:SS", insertMode: false, showMaskOnHover: false});

请注意，我们也需要支持秒。对于 12 小时格式，我实际上尝试了几种格式，但没有一个对我很有效。那么可以屏蔽吗？

Answer 1

$('input[id$="endTime"]').inputmask("hh:mm:ss", {
        placeholder: "HH:MM:SS", 
        insertMode: false, 
        showMaskOnHover: false,
        hourFormat: 12
      }
   );

演示

提示：打开文件jquery.inputmask.bundle.js，搜索datetime并查看它的所有选项。

（对不起，我无法添加评论，因为我没有足够的限制点来做。）

Answer 2

输入“24”而不是 24

$('input[id$="endTime"]').inputmask("hh:mm:ss", {
    placeholder: "HH:MM:SS", 
    insertMode: false, 
    showMaskOnHover: false,
    hourFormat: "24"
  });