Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17666
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mascarar formato de horário 0:00 ou 00:00 jQuery

29-11-2016 20:18

Nesse post vou mostrar como usar o plugin jQuery Mask Plugin para formatar a hora ao sair do input.

Se o usuário digitar por exemplo: 710 o formato ficará 7:10
Se o usuário digitar por exemplo: 0710 o formato ficará 07:10

O plugin você pode baixar nesse link http://igorescobar.github.io/jQuery-Mask-Plugin/

Segue o script de exemplo usando esse plugin

<script src="jquery.js"></script> <script src="mask.js"></script> <script> $(function() { // ativado ao deixar o input $('.hora').blur(function(){ // retira a máscara do input $(this).unmask(); // se o usuário digitar 3 números aplica a máscara 0:00 if($(this).val().length=='3') { $('.hora').mask('0:00', {reverse: true}); // se o usuário digitar 4 números aplica a máscara 00:00 } else if($(this).val().length=='4') { $('.hora').mask('00:00', {reverse: true}); } // limpando a máscara $(this).unmask(); }); }); </script> <input type="text" class="hora" name="" value="" />

2
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado