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);
  }
});

注意：在这种情况下，我使用的是按键事件，如果需要，请确保处理粘贴事件。