DHTML Date Picker (Calendar)

I recently ran across a thread that linked to Guido Zeelen's DHTML date picker. The code for this calendar can be found here:
http://htmldb.oracle.com/pls/otn/f?p=18326:54:::::P54_ID:2102
I have downloaded the files mentioned, but the directions are a bit confusing to me. Can someone walk me through setting up this better calendar?
Thanks!
BoilerUP

Hi,
Did you read through all the instructions at -
http://htmldb.oracle.com/pls/otn/f?p=18326:54:1798771197057304::::P54_ID:2102
also the forum thread here might be helpful to you -
Re: DHTML Calender in a Form Table
but the directions are a bit confusing to me.What are you finding confusing specifically?

Similar Messages

  • How to implement a Date Picker (Calendar) as a LOV in Portal Form?

    I have a form, which will input date from user, and I also have javascript calender.
    How to implement a Date Picker (Calendar) as a LOV in Portal Form? Do I need to choose POPUP and LOV for Date?
    Instead of typing the Date within a Portal form, a popup Calender that will allow user to Pick a date.
    Please help anyone!!

    Once you have the JavaScript and have added it to your form, you need to the the following. First off, you need to be able to customize the HTML code for the form (i.e. choose custom for form type when creating the form). Once you do that go into the custom layout to customize your HTML code. Find the field you want to add the date picker to. It will be <#your_field_name.ITEM#>
    Paste this code after it:
    <a href="javascript:show_calendar('forms[0.elements[16');" onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;"><img src="the source of your image file" width=34 height=21 border=0></a></TD>
    You will have to play around with the forms[0].elements[16]. 16 is what date field is set to. However your will differ, so just play with it.
    Hope this helps.
    Martin

  • Date Picker Calendar Question

    For the last several days I am looking for a way to incorporate into my php page (developed with Dreamweaver CS5) a date picker /Calendar (like the ones that the travel agencies have for example) that allows a user to enter in a input text field the date or if he/she chooses to click a button that will show a calendar (hopefully aligned with the text field)  - then the user should be able to click on  a selected date: action that triggers the dissapearance of the calendar and the selected date to be shown in the text field: This seems quite basic - but for some reason I cannot find a widget of anything that works this way.
    Any help is very much appreciated.
    Carla

    http://jqueryui.com/demos/datepicker/
    Gotta love jQuery!
    There is also an extension on the Adobe Dreamweaver Exchange [HERE]
    But I haven't had a chance to test this one and some of extensions are little out of date and have IE8 - so test to be sure.
    Hope this helps!
    Lawrence   *Adobe Community Professional*
    www.Cartweaver.com
    Complete Shopping   Cart Adobe Dreamweaver
    Stay updated - Friend, Follow, and Bookmark!
    http://www.twitter.com/Cartweaver
    http://www.cartweaver.com/facebook
    http://blog.cartweaver.com

  • How to Resize the default date picker calendar

    Hello Experts,
    SAP CRM web UI shows a date picker as follows for populating fields of type date.
    We noticed a strange issue that for months like January 2015 , the width of the date picker is lesser than what is shown for November 2014.
    As you can see in the following snapshot , the dropdown icon of the second field is hidden when the month shown is November 2014.
    This an issue because of the different sizes shown for different months , users would have to move mouse pointer when they to move to next months by clicking on the next arrow icon.
    Any tricks to fix the width of the date picker will be really appreciated.

    Hi Praveen,
    You can try following tricks -
    1. Go to SE80, search for BSP Application = 'thtmlb_styles'
    2. under Pages with Flow Logic  - we have one CSS file called "thtmlb_core_stand.css"
    3. In this file try changing width of method call ' #thtmlb-calendar-container ' to 150px  like shown below.
    #thtmlb-calendar-container {
         display:                none;
         position:               absolute;
         width:                  150px;
    hope it helps.
    Best Regards,
    Sandeep Kumar B

  • Display in a date picker (calendar)

    Hello,
    I have a date picker when i press a button, to choose a date from calendar. But some months are displayed with the year too, like November 2009, June 2009, and in this image i uploaded, in case of September only the month is displayed.. i don't know why the year does not appear. And not just in case of September, but December too.
    Any help?
    Thanks!
    I use Developer 2000 (Forms 5)
    Edited by: Roger22 on 22.09.2009 09:39

    Maybe it is just because there is no space enough to display both month and year. Is it possible to increase the width of the calendar box ?
    Francois

  • Date Picker Calendar Show Wrong Date Information Dec/Jan 2014-2015

    When using a Date Picker, the offered Date for January 1st 2015 is a Friday!  It supposed to be a Thursday!
    You can move to February, and return to January again, and it will correct itself.  
    This happens in Office 2007 and 2010
    What's gone wrong?
    IT will also offer the wrong December dates.
    Is there a fix please?

    Re:  Bad date
    Some remote possibilities...
      Your computer's clock has an incorrect date
      The wrong year is entered somewhere as the first day in 2016 is a friday.
      You have the wrong date system selected 1900 vs. 1904 or vice versa.
      You have a 3rd party (non MS) Date Picker that is programmed incorrectly.
      You have Office 2013 (nothing seems to work there)
    There are alternatives and I offer one for Excel...
    a free excel add-in date picker ("Get Your Own Date")
    (no ads, no trackers, no cookies, no registration)
    https://jumpshare.com/b/O5FC6LaBQ6U3UPXjOmX2
    Jim Cone
    Portland, Oregon USA

  • Default Time in Data Picker Calendar

    Hi All
    I'm using one of the new Date/Time picker items in Apex 4.0.2. When the user clicks the Calendar image the Calendar is displayed with the current date and time. However I would like it to display by default the current date and a time of 1000hrs. Is there anyway to do this?
    Thanks
    Shunt

    This kind of works, but there must be a better way?
    $('#P58_DATE').datepicker("option", {
       beforeShow: function(pDateText, pInst) {
          if (!$(this).val()) {
            $(this).val('&P58_TODAY. 10:00');
    });http://apex.oracle.com/pls/apex/f?p=579:58

  • How to disable the future dates in Date pick calendar - SQL Server Reporting Services

    Hi All, 
             I have a scenario to run the report only for the Past days, and i have datepick calendar as a parameter for selecting Start Date and End Date. I want to control the Users by not to select the Future Dates in the End Date. In Other Words, the user should not select beyond the Current Date,
    Is there any way for me to control it. Advance Thanks
    Regards,
    Sundarrajan.

    Hi
            Here is a solution for ur problem: put the below code in the script, and the add
    OnClientDateSelectionChanged="checkDate"
    in the calenderExtender... u ll get the answer nicely.. Happy coding..
    <script type="text/javascript">
    function checkDate(sender,args){
    alert("You cannot select a day greater than today!")
    sender._selectedDate = new  Date();
    sender._textbox.set_Value(sender.selectedDate.format(sender._format))
    }</script>

  • Selecting Time in Dashboard Promt's Date Picker (Calendar)

    Hi
    Is it possible to choose time as well as date in dashboard promt's calendar object? Currently, users select the date from the calendar and have to write down the time.
    Thanks
    Özgür

    Hi ozgur,
    You can go through this link for date time
    [http://kpipartners.blogspot.com/2009/07/comparing-arbitrary-time-periods.html]
    Re: Changing the default date time in dashboards
    Hope it helps you.
    Best Wishes,
    Kranthi.

  • Date picker calendar modification

    Is it possible to limit number of years presented in the select list of datepicker calendar? If yes, is it an option for dynamic shift, for example show +/- 10 years from current year? Version 2.0.
    Thanks.

    Hi Marina,
    This is not possible in HTML DB / Application Express.
    Joel

  • Date picker  - removing calendar icon

    Helo,
    is there any way I can remove calendar icon from date picker?
    thanks for help!
    regards,
    drama9346

    Hey,
    - Edit the date picker page item
    - Locate the 'Settings' section
    - Select 'on focus' for the 'Show' select list
    That will hide the date picker calendar icon.

  • How to insert a date picker input text field in a JSF Jsp page

    Hi,
    I have to develop an application using generic facets, unfortunately I am not supposed to use ADF Faces components given by Oracle.
    Now my requirement is, on JSP page an input text field which holds a DATE value is required, it should also have a Date Picker Calendar adjacent to it.
    Could you pls shed some light on this issue and help me out.
    Thanks
    ~Siva(ji)

    <HTML>
    <script language="JavaScript" type="text/javascript">
    <!--
    var pUpWidthc = 300; //Change the pUpWidthc to your requirements.
    var scrAvailc = 400;     //Change to your available screen width. You see in
    //this eBooks' middle frame, the frame width is
                                                                //equal to 410 . So whether your using frames or
                                                                //or a full 800 pixel screen, you must calculate
                                                                //your available screen width.
    var PopUpC = document.getElementById("pUpc");
    document.write('<div id="pUpc" style="visibility:hidden;z-index:4;width:'+pUpWidthc+';position:absolute;"></div>');
    function cstmPup(objC,c){
    popUpC = document.getElementById("pUpc");
    popUpC.innerHTML = c.innerHTML
    popUpC.style.left = getPos(objC,"Left");
    var scrNeedc = getPos(objC,"Left") + pUpWidthc;
    if (scrNeedc > scrAvailc){
    //The number 10 below is an extra offset x value applied when the
    //definitional popup box positions beyond your screen width. You
    //can change this number to fine tune your "beyond screenwidth" positioning.
    var scrOffsetC = getPos(objC,"Left") + pUpWidthc - (scrAvailc);
    popUpC.style.left = getPos(objC,"Left") - (scrOffsetC - 0);
    popUpC.style.top = getPos(objC,"Top") + objC.offsetHeight;
    popUpC.style.visibility = 'visible';
    fill();
    function fill()
         var noOfRows=7,noOfCols=7,i=0,j=0,day=1,x;
    var d1=FirstDayOfWeek(7,2008);
    //40     
         for(i=1;i<noOfRows;i++)
              x=document.getElementById('myTable').insertRow(i);
              for(j=0;j<noOfCols;j++)
                   var y=x.insertCell(j);
                   if( ( i==1 && j<d1))
                   y.innerHTML="";
                   else if(day<=DaysInMonth(7,2008)){
                   y.innerHTML=day;
                   day++;
    //document.write(FirstDayOfWeek(7,2008));
    function FirstDayOfWeek(m,y)
    var i;
    var dow = 6;
    //document.write("Hello");
    for (i=1583; i<y; i++)
    dow += (LeapYear(i)) ? 2 : 1;
    for (i=1; i<m; i++)
    dow += DaysInMonth(i,y);
    return dow % 7;
    function DaysInMonth(m,y)
    // m is the month number (1,2,3,...12), y is the year number (four digits)
    switch (m)
    case 1:
    case 3:
    case 5:
    case 7:
    case 8:
    case 10:
    case 12: return 31;
    case 2: if (LeapYear(y))
    return 29;
    else
    return 28;
    default: return 30;
    function LeapYear(y)
    return (y % 4==0) && ((y % 100!=0) || (y % 400==0));
    function getPos(objC,sPos){
    var iPos = 0;
    while (objC != null) {
    iPos += objC["offset" + sPos];
    objC = objC.offsetParent;}
    return iPos;
    function hPopUpc(){
    popUpC = document.getElementById("pUpc");
    popUpC.style.visibility = 'hidden';
    //-->
    </script>
    <BODY
    <button id="c1" onclick="cstmPup(c1,pUpCstm)">Custom PopUp</button>
    <'div' id="pUpCstm" style="display:none;">
    <'div' id="myid" align="left" style=" width:100%; height:100%; background:#cccccb; border:1px solid black; border-top:1px solid white; border-left:1px solid white; padding:10px; font:normal 10pt tahoma; padding-left:18px "> <b>Rich Message Boxes</b>
    <hr size="1" style="border:1px solid black;">
         <div style="width:220px; font-family:tahoma; font-size:80%; line-height:1.5em"><br>
              <table border ="1" id="myTable">
                   <TR>
                        <TD> SUN </TD>
                        <TD> MON </TD>
                        <TD> TUE </TD>
                        <TD> WED </TD>
                        <TD> THU </TD>
                        <TD> FRI </TD>
                        <TD> SAT </TD>
                   </TR>
              </table>
         <br><br>
         </div>
         <br>
         <div>
    <button tabindex="-1" onclick="hPopUpc()" style="border:1px solid black; border-left:1px solid white; border-top:1px solid white; background:#cccccc ">Close Message</button>
    </div>
    <?BODY
    </HTML>
    Message was edited by:
    mchepuri
    Message was edited by:
    mchepuri
    Message was edited by:
    mchepuri

  • Alternative use of date picker in Forms Builder

    Hi
    I am looking for a way to create event based actions by use of standard functionality.
    I have created a calendar module by use of the Forms Builder. I would like to add a date picker to a “show form” and add some events based on user actions to this page.
    When a date is selected (by a click on a date from the “small” date picker) a new page with events for the selected day should be displayed instead
    Have anyone any alternative experience with the date picker in the end user environment?
    Regards
    John

    Hi there,
    I presume that you want to run a report with date parameters. The parameter form of Oracle Reports has limited capabilities. It certainly does not have a date picker (Calendar). However, you can use SQL to give you a list of dates for the LOV but it will not be elegant.
    If you have Oracle Forms, it can call the calendar for the user to pick the date. The values are then passed to the report as parameters.
    Hope the above helps.
    Best Regards,
    John

  • Date Picker Background Color

    Does anyone know how to change colors from Date Picker Calendar? I want to change some of the colors.

    Hello,
    You can create your own jquery ui theme here: http://ui.jquery.com/themeroller
    If you load that, your date picker will be in that theme.
    Regards,
    Dimitri
    http://dgielis.blogspot.com/
    http://www.apex-evangelists.com/
    http://www.apexblogs.info/
    REWARDS: Please remember to mark helpful or correct posts on the forum

  • Date Picker visbile by default in Apex.

    Hi All,
    I have created two date pickers by default i will be dsiplaying only one, but when they click on that link i wil diplsay the other date picker report.
    I have created demo in my application but that is showing fine in 4.0 version but when i had tried in lower version 3.0 the date picker calendar is showing by deafult. But no erros are dsiplayed in script.
    Can you please let us know how we can hide the samll part of calendar icon.
    Here is an examplei had created whcih is replaicted what i had done im original application.
    workspace-apex_demo_bosu
    [email protected]
    password-bosuseshu
    URL is http://apex.oracle.com/pls/apex/f?p=19104:1:246873615402401:::::
    Thanks,
    Anoo..

    I realized you were talking about a form with an "Automatic Row Fetcher" after I had clicked submit;
    Let me see if I can understand this:
    you have a date column in your table (I hope it is a date)
    you have created a "form on a table" page that has an Automatic Row Fetcher process in it.
    If the row you are displaying has a value for the date column, you want that value to show up in the Date Picker item type (this should already happen)
    If the row you are displaying does not have a value, you want the Date Picker to have a default value of sysdate. (eg a NEW row of data)
    If #3 is not happening, let us know.
    #4 just requires a process that runs after the Automatic Row Fetcher.
    eg
    begin
      if :P11_DATE is null
      then
        :P11_DATE := to_char(sysdate, 'DD-MM-YYYY');
      end if;
    end;
    I'm sure there is  better way to do it.  I just don't know it right off.
    Mk

Maybe you are looking for

  • How do I reverse the order of a stop motion in imovie 09?

    how do i revert the order of still images in imovie 09???

  • LIVECYCLE Acrobat Pro 9 Data Collection

    HELP!! I have created a PDF form using Livecycle Design and I intend to distribute the form to various users; and collect the responses back with the in-built feature in adobe pro 9 ( there is this file called RESPONSE FILE (after I distributed the f

  • Gift card for new school day

    Hello Apple staff, I bought a iPad mini retina display with a $50 gift card for new school day. I received the e-mail saying that the gift card has been sent. However, I have not really received any gift card code to redeem yet. So I'm here to ask he

  • How do I determine if a sent message had a return receipt request attached?

    I don't always send return receipt requests with messages so I'm wondering how I can tell if I sent an RRR with a particular sent message? If I sent to multiple recipients, I'd like to know who has not returned a receipt.

  • Calling one report program from another

    Hi All,          i am calling one report program from my program & exporting it's output to SAP-SPOOL using SUBMIT statement. I want to fetch the spool no in my program for this spool. Please guide me how this can be achieved? i have tried SYST- SPON