jquery 时间屏蔽编辑

Question

使用meioMask Plugin有没有办法设置一个掩码，使其接受 24 小时甚至 12 小时系统中的有效时间？

$("#txtTime").setMask('time');

该插件有一个预定义的 24 小时“时间”掩码，但它并不完全正确，因此您可以输入无效的时间值，例如“29:00”。这款面膜是否不适合此用途？如果不适合，哪一款更好？

Answer 1

试试这个:

$.mask.rules.H = /([0-1][0-9]|2[0-3])/;  // 24 hours
$.mask.masks.time = 'H:59';
$("#txtTime").setMask('time');

更正:

规则只需针对一个字符，因此请记住这一点，您可以在输入以“2”开头时交换掩码并验证下一个字符为 [0-3]:

$("#txtTime").setMask("29:59")
.keypress(function() {
  var currentMask = $(this).data('mask').mask;
  var newMask = $(this).val().match(/^2.*/) ? "23:59" : "29:59";
  if (newMask != currentMask) {
    $(this).setMask(newMask);
  }
});

注意:在本例中，我使用的是按键事件，请确保在需要时处理粘贴事件。