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:
[code]Cadastro de alunos
</h:head>
[/code]
E o meu inputtext esta dessa maneira:
[code] 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>[/code]
Obrigado a todos pela ajuda
[quote=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:
[code]Cadastro de alunos
</h:head>
[/code]
E o meu inputtext esta dessa maneira:
[code] 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>[/code]
Obrigado a todos pela ajuda[/quote]
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("(99)9999-9999");
$(".foneD").mask("(99)99999-9999");
$(".altura").mask("9.99", {placeholder : "_"});
$(".cpf").mask("999.999.999-99");
$(".cnpj").mask("99.999.999/9999-99");
});
}
retorna();
</script>
Teste aí.
Abraço.
Diego Silva