5
respostas

Erro ao usar <p:inputMask - Não aparece a formatação

Boa tarde instrutores, gostaria d etirar uma duvida... stou fazendo um CRUD em JSF - Java, e queria colocar uma mascara (mask) nos meus campos data e CPF. Vi que o PrimeFaces possui uma Tag <p:inputMask, propria para isso, sem precisar fazer um JavaScript. Mas nao estou conseguindo obter essa masraca. Segue os codigos:

HTML

 <div class="form-group">
        <label for="data" class="sr-only">Data</label>
          <p:inputMask  class="form-control" id="data" value="#{pedidoBean.pedido.data}" mask="99/99/9999" />
</div>

ManagerBean - è um objeto, atraves dele pego seus atributos. no construtor da ManagerBean eu estou instanciando ele tambem (pedido = new Pedido() ).

private Pedido pedido;

 public Pedido getPedido() {
        return pedido;
    }

    public void setPedido(Pedido pedido) {
        this.pedido = pedido;
    }

Não tem como eu mandar print de como a pagina fica, ela nao vem com a mascara. Podem me ajudar? Fico no aguardo

5 respostas
<p:inputMask id="data" mask="99/99/9999" value="#{pedidoBean.pedido.data}" >
        <f:convertDateTime pattern="MM/dd/yyyy" />
    </p:inputMask>

Coloquei dessa maneira e naão funcionou

                                    <div class="form-group">
                                        <label for="data" class="sr-only">Data</label>
                                        <p:inputMask  class="form-control" id="data" mask="99/99/9999" value="#{pedidoBean.pedido.data}"  >
                                            <f:convertDateTime pattern="MM/dd/yyyy" />
                                        </p:inputMask>
                                    </div>

Que estranho, o jar do primefaces esta no seu projeto? Porque ja era para rolar dessa maneira que esta ai, tenta tirar essa class="form-control"

Estranho sim, nem se eu tirar o form-control funciona, e perco tambem a formatação do bootstrap

O jar esta sim, inclusive o pacote na pagina que contem esse campo.

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:a="http://xmlns.jcp.org/jsf/passthrough"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

Muito estranho mano, esta correto a importacao do primefaces no html, voce esta usando o bootstrap tambem? Sera que nao pode ser algum tipo de conflito mano? na stack gera algum erro?