Javascript Date & Time Picker

Question

Hi,
I would like to create an event on a text field, when you click on it it's calling a javascript function to popup a date & time picker.
Is anyone can help me ?
Eric . Thanks

Answer 1

Eric,
I don't think this is such a good idea. However, you can do that by using the javascript
ApEx is using:
<script type="text/javascript">
function f_popup_date(p_this)
   var value_exists = $x(p_this).value
   var item_name = $x(p_this).name
   var app_id = &APP_ID.
   var sec_gr_id = $x('P_SECURITY_GROUP_ID').value
   if (value_exists <= '')
       w = open("wwv_flow_utilities.show_as_popup_calendar" +
                   "?p_element_index=" + escape(item_name) +
                   "&p_form_index=" + escape('0') +
                   "&p_date_format=" + escape('DD-MON-RR') +
                   "&p_bgcolor=" + escape('#666666') +
                   "&p_dd=" + escape('') +
                   "&p_hh=" + escape('') +
                   "&p_mi=" + escape('') +
                   "&p_pm=" +
                   "&p_yyyy=" + escape('2008') +
                   "&p_lang=" + escape('en') +
                   "&p_application_format=" + escape('N') +
                   "&p_application_id=" + escape(app_id) +
                   "&p_security_group_id=" + escape(sec_gr_id) +
                   "&p_mm=" + escape('01'),
                   "winLov",
                   "Scrollbars=no,resizable=yes,width=258,height=210");
       if (w.opener == null)
         w.opener = self;
       w.focus();
</script>Create a hidden item on your page
P_SECURITY_GROUP_ID
with a source pl/sql expression or function
htmldb_custom_auth.get_security_group_id
In your item HTML Form Element Attributes put the following
onclick="javascript:f_popup_date(this);"
and it should work like in my example here:
http://htmldb.oracle.com/pls/otn/f?p=31517:68
You will also need to take care of the other variables
like the current year, language and the date format.
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/apex/f?p=107:7
http://htmldb.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------