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

时间:2016-01-07 01:27:57

标签: javascript jquery jquery-inputmask

我正在使用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小时格式,我实际上尝试了几种格式,但它们都不适合我。所以有可能掩盖吗?

2 个答案:

答案 0 :(得分:11)

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

Demo

提示:打开文件jquery.inputmask.bundle.js,搜索datetime并查看所有选项。

(抱歉,我无法添加评论,因为我没有足够的限制点来执行此操作。)

答案 1 :(得分:0)

输入“ 24”而不是24

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