jquery masqué éditer pour le temps

Question

En utilisant meioMask Plugin est-il un moyen de configurer un masque afin qu'il accepte l'heure valide dans 24h ou mieux encore dans le système 12h?

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

Ce plugin a un masque de 24h « temps » prédéfini mais il est pas tout à fait correct, vous pouvez entrer des valeurs de temps non valides comme « 29:00 ». Ce masque ne convient-il pas à cette fin et si ce n'est pas le cas, lequel serait le meilleur?

Answer 1

Essayez ceci:

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

Correction:

Les règles doivent être pour un seul caractère, afin d'avoir cela à l'esprit, vous pouvez échanger le masque lorsque l'entrée commence par « 2 »et valider le caractère suivant pour être [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); 
    } 
}); 

Remarque: Dans ce cas, j'utilise e E événement keypress, assurez-vous de gérer l'événement de collage si nécessaire.