dúvida com mascara jsf

<title>Cadastro de alunos</title> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript" src="js/maskedinput-1.1.2.pack.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(function(){ $.mask.addPlaceholder("~","[+-]"); $("#telefone").mask("([telefone removido]"); $("#form\\:telefone").mask("([telefone removido]"); $("#cep").mask("99999-999"); $("#data").mask("99/99/9999"); $("#cpf").mask("[CPF removido]"); $("#cnpj").mask("99.999.999/9999-99"); }); }); </script> </h:head> <body>

Data do nascimento: <h:inputText for="data" id="dataNasc" value="#{cadAlunoMB.dtNascimento}" name="dataNascimento"> <f:convertDateTime for="dataNasc" pattern="dd/MM/yyyy" timeZone="America/Sao_Paulo"></f:convertDateTime> </h:inputText>

1 Resposta

dlsilva1812 17 de nov. de 2015

napoli140580:

Boa noite.

Quero colocar uma mascara no meu campo data de nascimento na pagina jsf utilizando javascript peguei um código aqui mesmo no guj mas não estou conseguindo aplicar no inputtext.Alguém pode dar uma dica de como implementar a mascara:

<title>Cadastro de alunos</title>

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>  
<script type="text/javascript" src="js/maskedinput-1.1.2.pack.js"></script>  
  
<script type="text/javascript">  
$(document).ready(function(){  
    $(function(){  
        $.mask.addPlaceholder("~","[+-]");  
        $("#telefone").mask("([telefone removido]");  
        $("#form\\:telefone").mask("([telefone removido]");   
        $("#cep").mask("99999-999");  
        $("#data").mask("99/99/9999");  
        $("#cpf").mask("[CPF removido]");  
        $("#cnpj").mask("99.999.999/9999-99");  
    });  
});  
</script>  
</h:head>
<body>

E o meu inputtext esta dessa maneira:

Data do nascimento:
       <h:inputText  for="data" id="dataNasc" value="#{cadAlunoMB.dtNascimento}" name="dataNascimento">
       
          <f:convertDateTime for="dataNasc" pattern="dd/MM/yyyy" timeZone="America/Sao_Paulo"></f:convertDateTime>
       
       </h:inputText>

Obrigado a todos pela ajuda

Boa tarde caro amigo, uso um Script parecido.

No componente eu somente uso styleClass="data" para campos de data e a máscara funciona, assim como as outras, cpf, cnpj, cep..
no seu caso acredito que ficaria:

<h:inputText  id="dataNasc" value="#{cadAlunoMB.dtNascimento}" name="dataNascimento" styleclass="data">

imports:

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>  
<script type="text/javascript" src="js/maskedinput-1.1.2.pack.js"></script>

JavaScript:

<script type="text/javascript">
	function retorna() {
		jQuery(function($) {
			$(".data").mask("99/99/9999");
			$(".datahora").mask("99/99/9999 99:99");
			$(".hora").mask("99:99:99", {placeholder : "_"});
			$(".horaminuto").mask("99:99", {placeholder : "_"});
			$(".fone").mask("([telefone removido]");
			$(".foneD").mask("([telefone removido]");
			$(".altura").mask("9.99", {placeholder : "_"});
			$(".cpf").mask("[CPF removido]");
			$(".cnpj").mask("99.999.999/9999-99");
		});
	}
	retorna();
</script>

Teste aí.

Abraço.
Diego Silva

1 Resposta

Topicos relacionados