jquery蒙面编辑时间

使用 meioMask Plugin是否有任何方法可以设置掩码,以便在24小时内接受有效时间,甚至在12小时系统中接受更好的时间?
$("#txtTime").setMask('time');

这个插件有一个预定义的24小时’时间’掩码,但它不太正确,所以你可以输入无效的时间值,如“29:00”.这个面具是不适合这个目的,如果不是哪个会更好?

解决方法

尝试这个:
$.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);
  }
});

注意:在这种情况下,我使用的是按键事件,请确保在需要时处理粘贴事件.

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...