jQuery input mask using jquery-maskedinput-1.3.js plugin does not work on rich:calendar.

[juanpusong]

Is there a way to use an input mask on rich:calendar. I am trying to use jquery-maskedinput-1.3.js plugin to force users to enter dates is a specific format and disallow entry of non numeric characters, for example, MM/dd/yyyy. I tried the following code to achieve this:

<rich:calendar id="dateResigned" value="#{seBean.model.dateResigned}" enableManualInput="true"

     inputStyle="width:140px" inputClass="entryFldLA" required="false">

     <rich:jQuery selector="#dateResigned" query="mask('99/99/9999',{placeholder:' '})" timing="onload"/>

</rich:calendar>

Although the above code does not throw any error, still, it does'nt work. When data is entered on the field, nothing happens, and even non-numeric fields are allowed.

I have successfully used the plugin to mask <h:inputText>. For example, the following mask work just fine:

<h:inputText id="sssNo" value="#{seBean.model.sssNo}" size="22" styleClass="entryFldLA">

   <rich:jQuery selector="#sssNo" query="mask('99-9999999-9',{placeholder:' '})" timing="onload"/>

</h:inputText>

I am using richfaces-ui-3.3.3.Final and running the app in Tomcat v 7.0.6 on windows 7.

What could be causing the problem?

Any help would be highly appreciated.

Thanks,

[ppitonak]

Hi,

can't you just use calendar's attribute datePattern?

Regards,

Palo

[juanpusong]

Hi Pavol,

Thanks for your comment.

However, the datePattern does not really restrict you from entering dates in the wrong format which when saved produces different results. For example, if my desired format is MM/dd/yyyy, the datePattern will still allow me to manually input date like 1/1/10 which when saved is stored as 12/31/0009 instead of 01/01/2010. I want to have the flexibility of either manually entering dates or picking dates from the calendar.

[blabno]

I've had problems with nesting anything inside rich:calendar, so take rich:jQuery out and place it below rich:calenar.

See if it is generated in page html source.

[juanpusong]

Hi Bernard,

thanks for the suggestion.

it also generated the script just like my original code but nothing happens. i will investigate further.