RichFaces – Calendário com mês e ano(MM/yyyy)

Olá, há um tempo, o Flávio Abel e eu precisamos utilizar o componente do RichFaces(JSF1.2) para datas porém só seria possível escolher mês/ano.

Para isso, criamos o código abaixo.

<rich:calendar enableManualInput="true" id="myDate"  
inputClass="maskDateDDYYYY" styleClass="special" showWeekDaysBar="false" showFooter="false"
value="#{mbean.myDate}"
oncurrentdateselected="event.rich.component.selectDate(event.rich.date)"
datePattern="MM/yyyy" locale="pt_BR" inputSize="7" required="true">
 <s:convertDateTime pattern="MM/yyyy" />
 <f:attribute name="maxlength" value="7" />
</rich:calendar>

E a aplicação da máscara com JQuery:

<rich:jQuery id="unMskDateDDYYYY" selector=".maskDateDDYYYY" timing="onload"
 query="unmask()" name="unMskDateDDYYYY" />
<rich:jQuery id="maskDateDDYYYY" selector=".maskDateDDYYYY" timing="onload"
query="mask('99/9999',{placeholder:' '})" name="maskDateDDYYYY" />

E por fim, crie a folha de estilo:

.special tr[id]{ display:none; }


Espero que seja útil.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Sair / Alterar )

Imagem do Twitter

You are commenting using your Twitter account. Sair / Alterar )

Foto do Facebook

You are commenting using your Facebook account. Sair / Alterar )

Connecting to %s

Seguir

Obtenha todo post novo entregue na sua caixa de entrada.