Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Interested in getting your voice heard by members of the Developer Marketing team at Oracle? Check out this post for AppDev or this post for AI focus group information.

Date Picker

VedantDec 8 2010 — edited Dec 9 2010
Hi,

i have create an item P10_DATE Datepicker.
i want when i click for date then new popup window should not open .
i want when i click for date then a smooth date window should be open in Down in item.

So i have use Some java Script
<link title="Flora (Default)" media="screen" type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/themes/default/ui.datepicker.css" rel="stylesheet">  
<style type="text/css">  
    #ui-datepicker-div {   
        border:1px solid #CCCCCC !important;   
    }   
    div.ui-datepicker-control {   
        background-color:#3872C0;   
    }   
    div.ui-datepicker-header {   
        background-color:#BBBBBB;   
    }   
    .ui-datepicker-header select {   
        background-color:#BBBBBB;   
    }   
    div.ui-datepicker-links {   
        background-color:#EEEEEE;   
    }   
    div.ui-datepicker-one-month {   
        background-color:#EAEFF5;   
    }   
    .ui-datepicker .ui-datepicker-week-end-cell {   
        background-color:#EAEFF5;   
    }   
    tr.ui-datepicker-title-row td {   
        background-color:#8EB8DC;   
    }   
    table.ui-datepicker tr.ui-datepicker-days-row td.ui-datepicker-today {   
        background-color:#8EB8DC !important;   
    }   
    table.ui-datepicker tr.ui-datepicker-days-row td.ui-datepicker-current-day {   
        background-color:#3872C0 !important;   
    }   
</style>  
<script src="http://www.google.com/jsapi"></script>  
<script>  
    // Load jQuery   
    google.load("jquery", "1.2.6");   
</script>  
<script src="wwv_flow_file_mgr.get_file?p_security_group_id=2223972916369820533&p_fname=jquery.ui.all.js"></script>  
<script>  
    $().ready(function() {   
        $('#P10_DATE').datepicker(   
            {showOn: 'button',   
             buttonText: 'calendar',   
             buttonImage: '/i/asfdcldr.gif',    
             buttonImageOnly: true,   
             appendText: '(MM/DD/YYYY)',   
             onSelect: function(dateText) {   
                $(this).blur();   
             }   
            }   
        );   
    });   
</script>  
I am using Apex 3.2.
How can i display a smooth date window with item.


Thansk
Comments
Locked Post
New comments cannot be posted to this locked post.
Post Details
Locked on Jan 6 2011
Added on Dec 8 2010
15 comments
1,479 views