Oracle Apex Notebook

Populate date field using javascript

In some date fields it's useful to have a quick link to populate with, for instance, todays date. See it here.

To accomplish that, first you can attach this javascript code to you page template.

<script type="text/javascript"><br /> function setTodayDate(id, offset) {<br /> // dd/mm/yyyy<br /> var date = new Date();<br /> if(offset!==undefined)<br /> date.setSeconds(date.getSeconds()+offset);<br /> var year = date.getFullYear();<br /> var month = date.getMonth();<br /> var day = date.getDate();<br /> var obj = document.getElementById(id);<br /> if(obj)<br /> obj.value = day+'/'+month+'/'+year;<br /> }<br /></script>
Then you just need to add html code to call the function. The best place to put the code is in my opinion, the "Post element text" region of the field.

<a href="#" onclick="setTodayDate('P1_DATE_ITEM');">Today</a><br /><a href="#" onclick="setTodayDate('P1_DATE_ITEM', <br />7*24*60*60 );">7 Days</a>
Now you can play around changing the date format and adding entries to days, weeks or months.

2 comments | Posted in » Javascript, Oracle Apex