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!

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,542 views