Set current date in af:inputDate on double click using javascript in ADF

This post is about a question that is asked on the OTN forum. In this post, I'll show you how we can set the current date in af:inputDate component with a double click of the mouse. For this, we need to use a simple javascript function.

Here we have an inputDate component on the page and added javascript function as a resource in the page. See page XML source

1. <?xml version='1.0' encoding='UTF-8'?>
2. <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
3. xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
4. <jsp:directive.page contentType="text/html;charset=UTF-8"/>
5. <f:view>
6. <af:document title="SetCurrentDate.jspx" id="d1">
7. <af:resource type="javascript">
8. function setDate(evt) {
9. var comp = evt.getSource()
10. comp.setValue(new Date());
12. }
13. </af:resource>
14. <af:form id="f1">
15. <af:inputDate label="Label 1" id="id1">
16. <af:clientListener method="setDate" type="dblClick"/>
17. </af:inputDate>
18. </af:form>
19. </af:document>
20. </f:view>
21. </jsp:root>

All done, as you can see that the javascript function is called using clientListener on double click event of input date component.

Cheers  Happy Learning