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

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 小时格式，我实际上尝试了几种格式，但其中 none 对我来说效果很好。那么有没有可能掩盖它呢？

Answer 1

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

Demo

提示：打开文件 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"
  });

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

JQuery input mask for 12 hour time format

javascript

jquery

jquery-inputmask