Richfaces 4.2 Calendar How to write a date string to the imput field by JavaScript?

[sanyika]

I have to copy a date string to the Calendar using JavaScript.

With calendar id="renewal_date_input", the following code does not work:

...

document.getElementById('AddressDetails:renewal_date_input').value = renewalDateCombo.value.toString();

...

although I can read out the previously written String with:

     alert("written date is: " + document.getElementById('AddressDetails:renewal_date_input').value);

but the Calendar input field does not show the string, it is just empty.

Manual Input is also enabled: enableManualInput="true"

What can I do?

Thank you for your help.

[sanyika]

In the meantime we found the solution:

RichFaces Calendar generates a different ID for the InputField. It is not the same as the ID defined for the Calendar component in JSF code.

JavaScript needs to use this new internal id to access the input field.You can find the id if you inspect the HTML code using i.e. Firebug.

[michpetrov]

While your solution may work you might want to know about the functionality provided by RichFaces:

<button onclick="#{rich:component('calendar')}.setValue(date)" />

rich:component('calendar') finds a <rich:calendar> with id="calendar", and setValue() sets its value, surprisingly. Many RichFaces components have JavaScript methods available to them.