Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 12小时时间格式的JQuery输入掩码_Javascript_Jquery_Jquery Inputmask - Fatal编程技术网

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

Javascript 12小时时间格式的JQuery输入掩码,javascript,jquery,jquery-inputmask,Javascript,Jquery,Jquery Inputmask,我正在使用jquery inputMask库()。但是如果有更好的inputMask库,请随时告诉我。但我需要输入掩码,而不是时间选择器 场景是在时间字段上有inputMask。我们希望根据用户的区域设置显示和使用inputMask,因此它应该支持12小时和24小时格式。最初我们只支持24小时格式,因此掩码代码如下所示: $('input[id$="endTime"]').inputmask("hh:mm:ss", {placeholder: "HH:MM:SS", insertMode: fa

我正在使用jquery inputMask库()。但是如果有更好的inputMask库,请随时告诉我。但我需要输入掩码,而不是时间选择器

场景是在时间字段上有inputMask。我们希望根据用户的区域设置显示和使用inputMask,因此它应该支持12小时和24小时格式。最初我们只支持24小时格式,因此掩码代码如下所示:

$('input[id$="endTime"]').inputmask("hh:mm:ss", {placeholder: "HH:MM:SS", insertMode: false, showMaskOnHover: false});
请注意,我们还需要支持秒。对于12小时格式,我实际上已经尝试了几种格式,但没有一种适合我。那么有可能掩盖这一点吗

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

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

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

将“24”改为“24”


谢谢你,维克多。它工作得很好。但我的问题是,如何在它的末尾添加am/pm?编辑占位符属性:
占位符:“HH:MM:SS-xm”,
这不起作用。。。我试图只修改占位符,而占位符和inputmask字符串都不起作用。我发现,我只需要将掩码设置为“h:s:s t\\m”,然后它就可以很好地工作。在版本4.x中,我发现它是:
$('#endTime')。inputmask({别名:“datetime”,占位符:“12:00 AM”,inputFormat:“hh:MM TT”,insertMode:false,showMaskOnHover:false,hourFormat:12}
不仅它已经被回答了,而且这个贡献是不正确的。这个问题特别要求使用
a.m./p.m.
的12小时格式,而不是24小时格式。
$('input[id$="endTime"]').inputmask("hh:mm:ss", {
    placeholder: "HH:MM:SS", 
    insertMode: false, 
    showMaskOnHover: false,
    hourFormat: "24"
  });