Richfaces and Jquery Datepicker

[allansk]

Hi all,

I'm trying to use Jquery Datepicker with richfaces:

<ui:define name="extraHeaderContent">
<a4j:loadStyle src="css/jquery.css"></a4j:loadStyle>
<a4j:loadScript src="js/jquery-1.3.1.js" />
<a4j:loadScript src="js/jquery.ui.all.js" />
</ui:define>

<h:inputText
id="mydate"
value=""
label="test"
size="20"/>

<rich:jQuery selector="#mydate" name="mydate" query="datepicker({changeMonth:true,changeYear:true})" timing="onload"/>

With this code, clicking in the calendar field appears, but when you click in the calendar day to populate field, the error is displayed:

uncaught exception: Missing instance data for this datepicker
[Break on this error] var id = elem[ expando ];

Help???

[nbelaevski]

Hi,

Does it work well without RichFaces?

[allansk]

Yes, without richfaces works fine...
If I change:
<h:inputText
id="mydate"
value=""
label="test"
size="20"/>

to



JQuery works... =(

[allansk]

to:

input id="mydate" type="text" (HTML CODE)

[nbelaevski]

Ok, I guess the problem can be caused by incompatibility between datePicker script and JSF naming style. Please add prependId="false" to form and check if this changes anything.

[allansk]

"nbelaevski" wrote:
Ok, I guess the problem can be caused by incompatibility between datePicker script and JSF naming style. Please add prependId="false" to form and check if this changes anything.

Tnks nbelaevski!!!!
Adding prependId="false" to form works fine!!!!!

Tnks again! =)

[nbelaevski]

Ok, this means that this feature won't work correct with another naming containers (e.g. data tables or trees). I suggest that you file an issue into date picker issue-tracker about compatibility with JSF components that contain ':' character in id attribute in most cases. The problem is evidently with this.