Senhores,
Estou tendo problemas com o Richfaces 4 e mask. Quero utilizar uma mascara para um calendar, mas a mascara não funciona e apresenta a seguinte mensagem de erro: arguments[1].mask is not a function. A página tem o seguinte código:
<!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:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="content-language" content="en" />
<meta content="Developer - Techsage Tecnologia e Informatica Ltda" name="author" />
<meta http-equiv="Reply-to" content="[email removido]" />
<meta http-equiv="expires" content="Tue, 23 Jun 1998 01:46:05 GMT" />
<title>..::FERIADOS::..</title>
<script language="javascript" type="text/javascript" src="../Scripts/Feriado.js" charset="iso-8859-1"></script>
<link rel="shortcut icon" href="../Images/favicon.ico"/>
<link rel="stylesheet" type="text/css" href="../App_Themes/tabelas.css" />
</h:head>
<h:body>
<div id="geral">
<f:view>
<f:loadBundle basename="messages" var="msgs" />
<div>
<ui:include src="../Util/menu.xhtml"/>
</div>
<h:form id="feriado">
<h:outputScript library="javascript" name="../Scripts/jquery.maskedinput-1.2.2.js" target="head"/>
<rich:jQuery id="mskData" selector=".rf-cal-inp" timing="domready" query="mask('99/99/9999',{placeholder:' '})" />
<fieldset>
<legend>
<h:outputFormat value="#{msgs['feriado']}:"></h:outputFormat>
</legend>
<h:panelGroup id="formulario">
<div>
<h:outputLabel for="txtData" value="#{msgs['dia']}:"></h:outputLabel>
<rich:calendar value="#{feriadoHandler.feriado.dia.time}" datePattern="dd/MM/yyyy" id="txtData" popup="true" enableManualInput="true" />
</div>
<p>
<h:outputLabel for="txtDescricao" value="#{msgs['descricao']}:"></h:outputLabel>
<h:inputText id="txtDescricao" maxlength="50" value="#{feriadoHandler.feriado.descricao}" size="50"></h:inputText>
</p>
<h:inputHidden id="txtId" value="#{feriadoHandler.feriado.id}"></h:inputHidden>
</h:panelGroup>
<p align="center">
<h:commandButton value="#{msgs['salvar']}" action="#{feriadoHandler.salvar}" onclick="javascript:return salvar();"></h:commandButton>
<h:commandButton value="#{msgs['buscar']}" action="#{feriadoHandler.buscar}"></h:commandButton>
<h:commandButton value="#{msgs['cancelar']}" action="#{feriadoHandler.cancelar}"></h:commandButton>
<h:commandButton value="#{msgs['excluir']}" action="#{feriadoHandler.deletar}" onclick="javascript:return excluir();"></h:commandButton>
</p>
</fieldset>
</h:form>
<div id="listagem">
<ui:include src="/Tabelas/feriadolista.xhtml"/>
</div>
</f:view>
</div>
</h:body>
</html>
Agradeço qualquer ajuda.
Abraços.