Windows like date picker

I want to make a component that looks and works like the default windows date picker component. It looks like editable combobox and when the list drops down, it displays a calendar like component. I am using
JCalendar (http://www.toedter.com/en/jcalendar/) for picking calendar date and want to combine it with JComboBox, using extended editor and render. I can not achieve the deisred effect, because the editor useble only when the list is not poped-up.
Can anyone give advice or hint for the proper way, I can do this component.
Thanks in advance.
Regards Nenko Ivanov.

Well, there is a free framework (+ code) that allows you to build Java GUI applications with drop-down effects/styles. The code can be found at sourceforge (http://sourceforge.net/projects/glacier) or from the site of company that provides it (http://www.obsidiandynamics.com/glacier/index.html).
The same company ( Obsidian Dynamics - http://www.obsidiandynamics.com) also provides software that allows you to build customised Calendar GUI (or date picker) with drop down or pop up styles. But unfortunately, the software is commercial =(.

Similar Messages

Opening Date Picker in popup window

Hi All,
I'd like to be able to use a Date Picker in a custom popup window that I've developed. When I open the date picker however, because I'm already in a popup window the date picker fills the whole of the custom popup, rather than opening in its own window.
Is there a way to force the date picker into using a new window?
Thanks,
Mike

Hi Mike;
Thanks for the responce. My Tabular (Popup) form is wizard generated. This is the code I use to call the Popup:
<script language="JavaScript" type="text/javascript">

</script>
<script language="JavaScript" type="text/javascript">
function callACNEPopup (formItem1) {
var formVal1 = document.getElementById(formItem1).value;
var url;
url = 'f?p=&APP_ID.:60:&FLOW_SESSION.::::P60_ACAC_UID:' + formVal1;
wACNE = open(url,"winLov","Scrollbars=1,resizable=1,width=675,height=300");
if (wACNE.opener == null)
wACNE.opener = self;
wACNE.focus();
</script>
The Calendar is simply a date picker.

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 in a popup window

Hi all,
There are 2 pages, page 1 contains a button, when user click on it, a new window will popup showing page 2 which is a entry form has a date picker item.
The javascript behind the button in page 1 is like: (in target URL field.)
javascript:popupURL('f?p=101:2:&SESSION.');
It works fine except the date picker window wouldn't popup again in the second page. If I run the 2nd page individually it works well, it doesn't work only if I run it in a popup window.
Is this a bug or something? How can we fix it.
Many thanks!
Pete

Hello Pete,
>> It works fine except the date picker window wouldn't popup again in the second page. If I run the 2nd page individually it works well, it doesn't work only if I run it in a popup window.
You are using the ‘popupURL’ function, which uses a hard coded value – WinLov – for the ‘name’ parameter. That could be a problem in a recursive call.
Patrick solution is of course valid, but if you want to use a popup window format, try using the ‘popUp2’ function. The function generates a “random” name, so the problem should be solved.
Regards,
Arie.

Since yesterday, clicking to read my email gets a blank window, not the email. Same w/ windows where data should be entered (like with online banking). Help!

Since yesterday, when I click to read my email I get a blank window instead of the usual window with the email itself. The same is happening with windows where data should be entered, like those virtual keyboards for online banking login, or windows where you can add records (like daily electricity and gas consumption). In all these situations, a window should pop-up and pop-up it does - but always blank.
I already unistalled/reinstalled Firefox and reset it "to its default state".
Thanks in advance for your help.
Miguel Sendim

Hello,
Many site issues can be caused by corrupt cookies or cache. In order to try to fix these problems, the first step is to clear both cookies and the cache.
Note: ''This will temporarily log you out of all sites you're logged in to.''
To clear cache and cookies do the following:
#Go to Firefox > History > Clear recent history or (if no Firefox button is shown) go to Tools > Clear recent history.
#Under "Time range to clear", select "Everything".
#Now, click the arrow next to Details to toggle the Details list active.
#From the details list, check ''Cache'' and ''Cookies'' and uncheck everything else.
#Now click the ''Clear now'' button.
Further information can be found in the [[Clear your cache, history and other personal information in Firefox]] article.
Did this fix your problems? Please report back to us!
Thank you.

Date Picker Doesn't Like Retrieved or Typed In Date Values

I have more than one Region on a page, so I retrieve the column values for a region this way:
(On LOad, Before Header, Once per Page Visit)
BEGIN
EXECUTE IMMEDIATE 'ALTER SESSION SET NLS_DATE_FORMAT='''||:pick_date_format_mask||'''';
FOR request_rec IN (SELECT dev_requested_ind,
dev_requested_dttm,
dev_analyst_seq,
dev_completed_ind,
dev_completed_dttm,
dev_dba_seq,
sit_requested_ind,
sit_requested_dttm,
sit_analyst_seq,
sit_completed_ind,
sit_completed_dttm,
sit_dba_seq,
uat_requested_ind,
uat_requested_dttm,
uat_analyst_seq,
uat_completed_ind,
uat_completed_dttm,
uat_dba_seq,
prd_requested_ind,
prd_requested_dttm,
prd_analyst_seq,
prd_completed_ind,
prd_completed_dttm
FROM request_tbl
WHERE request_seq = :p16_request_seq)
LOOP
:p16_dev_requested_ind := request_rec.dev_requested_ind;
:p16_dev_requested_dttm := request_rec.dev_requested_dttm;
:p16_dev_analyst_seq := request_rec.dev_analyst_seq;
:p16_dev_completed_ind := request_rec.dev_completed_ind;
:p16_dev_completed_dttm := request_rec.dev_completed_dttm;
:p16_dev_dba_seq := request_rec.dev_dba_seq;
:p16_sit_requested_ind := request_rec.sit_requested_ind;
:p16_sit_requested_dttm := request_rec.sit_requested_dttm;
:p16_sit_analyst_seq := request_rec.sit_analyst_seq;
:p16_sit_completed_ind := request_rec.sit_completed_ind;
:p16_sit_completed_dttm := request_rec.sit_completed_dttm;
:p16_sit_dba_seq := request_rec.sit_dba_seq;
:p16_uat_requested_ind := request_rec.uat_requested_ind;
:p16_uat_requested_dttm := request_rec.uat_requested_dttm;
:p16_uat_analyst_seq := request_rec.uat_analyst_seq;
:p16_uat_completed_ind := request_rec.uat_completed_ind;
:p16_uat_completed_dttm := request_rec.uat_completed_dttm;
:p16_uat_dba_seq := request_rec.uat_dba_seq;
:p16_prd_requested_ind := request_rec.prd_requested_ind;
:p16_prd_requested_dttm := request_rec.prd_requested_dttm;
:p16_prd_analyst_seq := request_rec.prd_analyst_seq;
:p16_prd_completed_ind := request_rec.prd_completed_ind;
:p16_prd_completed_dttm := request_rec.prd_completed_dttm;
END LOOP;
END;
p16_dev_requested_dttm is defined as a Date Picker (use application format mask)
The data source is a Date column called dev_requested_dttm. I haven't defined a format mask for it. (I have tried using &PICK_DATE_FORMAT_MASK..)
The Application Format Mask is defined as a Subsitution String called
PICK_DATE_FORMAT_MASK
with a value of
MM/DD/YYYY HH:MI AM
The retrieved column value for p16_dev_requested_dttm looks fine, but when I click the date picker pushbutton, I get this message:
Not Found
The requested URL /pls/htmldb/wwv_flow_utilities.show_as_popup_calendar was not found on this server.
Oracle-Application-Server-10g/10.1.2.0.0 Oracle-HTTP-Server Server at edwdev.dhhs.state.nh.us Port 7779
I also get a line in my log file,
/vg02lvol1/app/oracle/product/htmldb/Apache/Apache/logs/error_log.1133956800:
[Wed Dec 7 16:23:43 2005] [error] [client 172.16.252.76] [ecid: 1133990623:172.17.96.35:1802:0:9870,0] mod_plsql: /pls/htmldb/wwv_flow_util
ities.show_as_popup_calendar HTTP-404 ORA-01849: hour must be between 1 and 12\nORA-06512: at "FLOWS_020000.WWV_FLOW_UTILITIES", line 1801\n
ORA-06512: at line 22\n
This happens with both FireFox and Internet Explorer.
Any ideas what's causing this?
-F
Message was edited by:
Fred C Willingham

Fred,
Unfortunately, the answer is no to both of your questions.
There is no way for you as a developer to control which date is highlighted in the popup calendar. It will always highlight the current day (if you're displaying a month that contains the current day). This is an interesting and prudent suggestion, and one which we'll consider for an upcoming release of HTML DB.
With regards to your second point, that also is something we should consider for an upcoming release of HTML DB. This isn't impossible for us to do, it was just designed to work in the current fashion. If you look at the generated HTML for the Date Picker item on the page (not the popup calendar itself, but the page on which the item is rendered), we break out each element of the date value into discrete components. When we instead rely upon the user entered value, garbage or date values not conforming to the date format mask are easily entered. And the question is - what to do then? Raise an error immediately, still popup the calendar and show the current month, etc. So we've tried to be fairly strict about the date values and format masks for the popup calendar, hence the implementation you see.
Thanks again for your comments.
Joel

Date picker for 64 bit windows 8 and 32 bit 2010 excel

I'm looking for step by step instructions on how to add a pop up calender to chose a date in 2010 Excel. There is none listed in the addition toolbox controls, where and how would I install this?

Hi,
Please go to the following path to find the Microsoft Date and Time Picker:
Excel 2010 > Developer tabe > Insert > ActiveX bottom right > More > MIcrosoft Date and Time Picker (SP4).
For more detail information, please refer to the following link:
http://social.msdn.microsoft.com/Forums/en-US/26f6adea-c723-4815-92ba-59a0c846a80a/microsoft-date-picker-excel-2010?forum=exceldev
http://www.logicwurks.com/CodeExamplePages/EDatePickerControl.html
Please Note: Since the web site is not hosted by Microsoft, the link may change without notice. Microsoft does not guarantee the accuracy of this information.
Regards,
George Zhao
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

This is about date picker like a calendar

I am having issues on how to use date picker in a design i am working on and i need help here.Php or Java script.
I need your solutions`. i will really appreciate.

The code is in the link provided.
1. Link to jQuery javascript library
2. Link to jQuery UI library
3. Link to jQuery UI CSS styles
4. Add a field for the date
5. Add a script to fire the jQuery UI
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker();
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker" /></p>
</body>
</html>
Message was edited by: Rik Ramsay. Missed the CSS off the code, now added.

Inserting a Value into otherTable using an App. Proc. from a Date Picker

I'm trying to call an Application Process that will insert an Attribute of a Row, into another table, after selecting a date from a Date Picker cell.
I don't know why this shouldn't be possible. I think I've got all of my "Ducks in a Row", so to speak,
but the Value that is being inserted into the other table is this:.. [object HTMLTableCellElement]
(Ultimately, I'd like my Application Process to include Page element values with the insert as well, but I'm trying to handle one problem at a time)
Here's a list of all the steps I've covered:
1. I've Created an Application Process, (popDevices). The Process Point is "On-Demand". The Type is "PL/SQL Anonymous Block".
The Process is defined as such:
BEGIN
Insert into P_DEVICES
NAME,
IP_ADDRESS,
MODEL
) values
'Unassigned',
'Unassigned',
:P153_MODEL
COMMIT;
END;
2. I've Included the Javascript in the Page HTML Header.
The Javascript is written as such: (minus the tags)
function popDevices(PART_NO)
var get = new htmldb_Get(null,$x('pFlowId').value,'APPLICATION_PROCESS=popDevices',0);
get.add('P153_MODEL',PART_NO);
gReturn = get.get();
get = null;
3. I've included the following in the "Element Attributes" field of the Date-Picker Item (Date_Delivered).
The Region Type is "SQL Query (Updatable Report)"
onChange="javascript:popDevices(PART_NO);"
THE RESULTS
A. A row does get inserted into the other (P_Devices) table,
But the value of the Attribute from the Page Region is not valid.
The Inserted value is this: [object HTMLTableCellElement]
B. I have tried Every conceivable combination of characters in the "Element Attributes" field, such as:
...(PART_NO), (#PART_NO#), (||PART_NO||), (+PART_NO+)
C. The Javascript in the Page HTML Header appears to be correct, since I have written it this same way for other applications without any problems.
D. If this simply cannot be done by referencing the "onChange" Javascript from the "Element Attributes" field,
Then can you help me to write the code into the Select statement of the region.
Thanks for any help you can give me.
-Gary

This may not be the most direct approach to the solution. But, none the less, it is a solution.
For those other novices, like myself, I hope this can be useful at some point in your development:
MY DESIRED RESULT:
A. To Insert into another tablle values derived from both; Page Item (i.e. P153_x) and Attributes of a Row in an Updatable Report from which I have selected the Date-Picker.
B. I want the insert to occur automatically after the user Selects the date from the Date-Picker.
SOLUTIONS:
1. I usea Javascript prompt window to prompt for information and store the information in Pre-Created Page Items.
This is the Javascript as I've entered it into the Page HTML Header region: (Minus the Tags)
function received_javaprompt () {
var Serial_Number = prompt("Enter the Serial Number");
var Bldg_Id = prompt("Enter the Bldg_Id");
var Clst_Id = prompt("Enter the Clst_Id");
$x('P153_SERIAL_NO').value = Serial_Number;
$x('P153_BLDG_ID').value = Bldg_Id;
$x('P153_CLST_ID').value = Clst_Id;
2. I needed to identify the (Manufacturer and Part_No) Column Attribute in the Row from which I selected the Date-Picker.
A. To do this, I enumerated the Columns in the order they were listed in the Select Statement of the region (Click on the Region Definition Tab).
B. Then (Click on the Report Attributes Tab). Count, In the numerical order which these columns are selected, ONLY the columns that are Editable.
C. When I counted down as far as the Column I wanted to capture the value of, Then I made a mental note of that number and used it in the following (2) Javascripts (findMaker and findModel).
3. findMaker (Minus the tags)
function findMaker (pThis) {
var vRow = pThis.id.substr(pThis.id.indexOf('_')+1);
var Maker = html_GetElement('f15_'+vRow).value
$x('P153_MAKER').value = Maker;
4. findModel (Minus the tags)
function findModel (pThis) {
var vRow = pThis.id.substr(pThis.id.indexOf('_')+1);
var Model = html_GetElement('f16_'+vRow).value
$x('P153_MODEL').value = Model;
5. I added one more Javascript, to the Page HTML Header, that references the Application Process which will Insert the values into the "Other" table:
function popDevices(P153_SERIAL_NO,P153_BLDG_ID,P153_CLST_ID,P153_MAKER,P153_MODEL)
var get = new htmldb_Get(null,$x('pFlowId').value,'APPLICATION_PROCESS=popDevices',0);
get.add('P153_SERIAL_NO',P153_SERIAL_NO);
get.add('P153_BLDG_ID',P153_BLDG_ID);
get.add('P153_CLST_ID',P153_CLST_ID);
get.add('P153_MAKER',P153_MAKER);
get.add('P153_MODEL',P153_MODEL);
gReturn = get.get();
get = null;
6. I added the "onChange" process to the Element Attributes field of the Table item which utilizes the Date-Picker:
A. Click on the Report Attributes Tab of the Region.
B. Click on the Edit icon of the column which utilized the Date-Picker
C. I added this "onChange" reference to the Element Attributes field, which is found in the Tabular Form section.
onChange="javascript:received_javaprompt();findModel(this);findMaker(this);popDevices((P153_SERIAL_NO).value,(P153_BLDG_ID).value,(P153_CLST_ID).value,(P153_MAKER).value,(P153_MODEL).value);"
7. The Application Process which inserts the collected data into the table is as follows:
(Name= popDevices: Process Point= On-Demand: Type= PL/SQL Anonymous Block)
BEGIN
Insert into P_DEVICES
BLDG_ID,
CLST_ID,
NAME,
IP_ADDRESS,
SERIAL_NO,
MAKER,
MODEL
) values
:P153_BLDG_ID,
:P153_CLST_ID,
'Unassigned',
'Unassigned',
:P153_SERIAL_NO,
:P153_MAKER,
:P153_MODEL
COMMIT;
END;
Well, I hope this may help someone else like me.
I usually arrive at my solutions by getting help here on the Discussion Forum and also Google. Google inevitably points me to a previous Apex Discussion Forum session.
Edited by: garyNboston on Mar 15, 2010 10:55 AM

Date Picker Alingment is not proper when we open Date in new Tab

We are facing Date Picker Alignment issue with Safari 5 browser on MAC 10.7.3. Our application is developed in Seam framwork ( which includs JSF and EJB). The issue which we are observing as follows-
There are some links on our application JSF page which opens Date in new window. But when we enable option for opening in tab always and click on Date link, Alingment of new tab opened is not proper.
Please suggest the possible action or pointers to work on this issue.
Images
Date Opened in new Window:
Date Opened in new Tab, Alingment is not proper:
Thanks in advance

Here is more info to describe the issue.
These are the movies sent to the Apple Engineers to show how our
workflow has worked for 7 years until Safari 4 came out.
Again this has caused us to go back to 10.5.8 though we enjoyed some of Snow Leopards improvements.
Have your sound on when listening to safari4 so you can hear the overlaps.
http://jenniradio.com/movies/safari3.m4v
http://jenniradio.com/movies/safari4.m4v
Would really like this fixed.
Ian

Move Date Picker Pop Up Location

Hello All,
What is the easiest way to move the location of the pop up window when using a Date Picker on a form page?
Currently using Sand Theme it pop ups at the top of the screen in IE and Firefox.
We would like it to popup right next to the item on the form?
We have several on a form and would like to get the users accustom to same location or middle of screen focus.
Regards,
Robert

I don't think this is possible whether you can access the javascript or not. There are a few essential parameters which are, as far as I know, unavailable. These are:
o the position of the browser window on the screen
o the height of the 'chrome' (title bar, menus, icons, address bar, tabs, etc) above the page
o the width of the chrome on the left of the page, eg the bookmarks
Also, the width, in pixels, of the input item cannot be known. This would be necessary for my solution (below), where I position the window relative to the input item, as that's the nearest element with an ID.
The javascript generated by ApEx for the data picker doesn't declare the window object's reference with the VAR keyword (this terminology may be way off track!), so I was able to create a wrapper around this and create a variable with the same name, which will be in scope for the ApEx javascript. Now I can reference the popup window when ApEx has finished creating it. Then it's just a case of finding the input field's position on the page (using this: http://www.quirksmode.org/js/findpos.html) and adjusting for the page scroll and 'chrome' size before setting the date picker's position.
This assumes the browser window is at the top-left of your screen and that all the chrome (even the status bar) is at the top or left of the window.
http://htmldb.oracle.com/pls/otn/f?p=25637:12
Works in Firefox but not IE6. Works in Opera but behaves slightly differently than in FF.
You can use the same technique to hack the javascript and position the window in the middle of the screen but I wouldn't bother. It should be possible, but it would need implementing on an item-by-item basis and might break in later versions of ApEx. Also, Firefox has an option to disable any javascript which moves windows, so some users would never notice your efforts.

Better date picker for ApEx 3.2?

One of my least-liked features in ApEx 3.2 is the poor performance of the date picker popup. It redraws whenever the user changes the month or year, and it takes so long, that I've found most of the time, a user will change both fields in the time it takes for the first one to take effect, so the second change ends up being ignored.
Ideally, I would like to find a drop-in replacement for the built-in date picker that will do everything in JavaScript, within the window, and bonus points for some additional validation options (like min/max date). The date picker in ApEx 4 is actually perfect, I think.
So, my question: 1) Has anybody tried to backport the date picker from ApEx 4 into an ApEx 3.2 application? Can this be done without substantial rewiring of the calling page? 2) If not, can anybody recommend a good replacement for the built-in one in 3.2? Again, my goal is to just replace the JavaScript call on that form element with a different one, and require no other changes to the page.
Thanks,
Keith

Thanks, Dan -- you mentioned this in another thread, too, and I was just starting to look into whether I could simply drop in this datepicker in place of the one in ApEx. It looks like I can, but if you're verifying that this is the case, then this definitely meets my needs, and I'll eagerly start looking into this.
Still, I think it would be cool if someone backported the one in ApEx 4. That one is so much nicer! :-)
Cheers!

Preselecting a default date on date picker

Hi
oracle 10g xe apex 2.1.x on windows xp
By default date picker always defaults to current date. I want it to default to a date value that has already been selected by the user in the current page. For eg. it will be a variable of the type :P1_report_date.
Is this possible?
Thanx
SR

I do something like:
Default Value: to_char(add_months(sysdate,-3),'DD-MON-RR')
Default Value Type: PL/SQL Expression
This gives me a date three months back from today in the date picker format. Of course you can modify to use the date picker format you are using.

Date Picker in UIX - VO Exception

We work with Oracle 10g JDeveloper (10.1.2). We have a date picker in our UIX page. We we click on the date picker icon for the first time, it shows exception like, Error in executing EmployeeVO, in and out parameter missing. Though we are not accessing this VO, it throws us this exception. But after closing the window and click on the date picker icon, it shows the proper date picker. Or without closing the date picker child window, if we give a refresh, it shows the proper date picker. Can any one give a solution for this problem?

The problem is likely that you have two fields with the same "name". You can only have one; try changing the messageTextInput into a messageDateField instead of having both on the same page.

How to blur a text field populated by a date picker

Hello,
I have a text field, it is displayed as a date picker.
The date picker can populate the said text field as normal.
However, I have a onBlur="javascript:func" for this text field.
When the date picker has populated or changed the
text field, the JavaScript function is not called.
How can I call the JavaScript function after date picker window closes?
Or, is it possible to modify
wwv_flow_utilities.SHOW_AS_POPUP_CALENDAR procedure?
I do not want to submit the page.
My JavaScript function uses Ajax to save the text in the text field.
Thanks in advance!
Message was edited by:
mzshen

vdesign is correct. If you look at the javascript for the date picker it is specifically looking for onChange so that if one exists it will call it. I believe this is the only attribute that can be added by default to a date picker....(i found this out cause I had to build a custom date picker that let the user pick months, but had to look and function just like the delivered one)

Windows like date picker

Similar Messages

Maybe you are looking for