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
Similar Messages
-
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 -
How to convert julian Date into Calendar Date
Hi,
I want convert julian Date to calendar Date (mm/dd/yyyy or mm/dd/yy format) in java.
Can any one help me how to convert julian date to calendar Date.
Thanks,
Krishore.import java.util.*;
import java.text.*;
public class jdate {
Calendar date;
public jdate(int j)
date = Calendar.getInstance();
date.set(Calendar.DAY_OF_YEAR, j);
public String toString()
SimpleDateFormat formatter = new SimpleDateFormat("MM/dd/yyyy");
return (formatter.format( date.getTime() ));
public static void main(String args[])
if(args.length == 1)
int j = Integer.parseInt(args[0]);
jdate julian = new jdate(j);
System.out.println("Julian date(" + j + ") = " + julian.toString());
} -
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.
Carlahttp://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 -
How can use a date picker to fill in dates in Numbers
I would like to know how can I have cells in date format which I would be able to fill with a date picker fro a calendar?
There is no date picker gui item in Numbers. Every idea I thought of in my head took longer then typing. If you describe your specific problem a little more people may be able to provide some other solutions
-
How to implement reading data from a mat file on a cRIO?
Hi all!
I am not even sure, this is plausible, but I'd rather ask before i start complicating. So far, I have not found any helpful info about reading in data to a RT device from a file (kind of a simulation test - the data is simulated).
I have the MatLab plugin that allows the data storage read a MAT file, which has a number of colums representing different signals and lines representing the samples at a given time (based on the sample time - each sample time has it's own line of signal data).
I have no idea of how to implement this to cRIO.
The idea is:
I have some algorithms that run on the RIO controller in a timed loop. As the inputs to these algorithms, i would need to acces each of the columns values in the line, that corresponds to the sample time (kind of a time series - without the actual times written).
I am fairly new to RT and LV development, so any help would be much appreciated.
Thanks,
Luka
Solved!
Go to Solution.Hi Luka!
MAT file support in LabVIEW is handled by DataPlugins. Here you can find the MATLAb plugin:
http://zone.ni.com/devzone/cda/epd/p/id/4178
And here you can find information on how to use DataPlugins to read or write files of a certain format:
http://www.ni.com/white-paper/11951/en
There is also an open-source project that addresses the problem, you can find it at
http://matio-labview.sourceforge.net/
Unfortunately, RT systems are not supported by DataPlugins, so fist you'll have to write a VI on the Host computer to convert your files to a usable format (I suggest TMDS for compactness and ease of use), and the work on the converted files in the cRIO VI. If you have other questions about DataPlugins or anything else, please get back to me.
Best regards:
Andrew Valko
National Instruments
Andrew Valko
National Instruments Hungary -
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:39Maybe 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 -
How to use the date picker in Web dynpro java
Hi,
I want to add date picker to enter a date while developing webdynpro application.
How can i do that.
Regards,
H.V.SwathiHi,
its very simple...
take a input field and map it to the attribute which data type is of "date". thats it at runtime you will see a input filed with date picker.
i.e. Add an inputField and bind the context attribute of Type Date to it
this will show the date picker on screen.
PradeeP -
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!
BoilerUPHi,
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? -
How to adjust the Date picker size
how to change the size of the Date Picker.
I am using time inside the data picker and window is too small.
I cannot see the OK and Cancel buttons.
Let me know
thanksIt is an known APEX 3.1 issue metioned in the "Oracle Application Express 3.1 Known Issues & Limitations" Page([http://www.oracle.com/technology/products/database/application_express/html/3.1_known_issues.html]).
There is a workaround posted in forum, see Re: Date popup problem in APEX 3.1 and this post was also mentioned in the "Oracle Application Express 3.1 Known Issues & Limitations" Page.
JT -
How to disable the date picker in manualy Tabular form?
I develope an application with apex 3.2 , I builded a tabular form manualy with APEX API and I have an item 'date picker' , I want that once user want insert the date , he can do it only by clicking on the date picker and not into the item
I try to use the code that was provided by 'Desnes Kubicek' on his blog , but it does not works
Any help!!!!!
I used this code , but that is for an one item form
<script type="text/javascript">
function disFormItems(item1){
disItem = document.getElementById(item1);
disItem.style.background = '#eeeeee';
disItem.disabled = true;
</script>
2. Region Footer javascript:
<script type="text/javascript">
disFormItems('P18_DATE_PICKER');
</script>Hi,
Try something like this
SELECT
APEX_ITEM.DATE_POPUP(4,rownum,hiredate,'dd-mon-yyyy',12,15,'readonly="readonly"','f04_' || ROWNUM) hd
FROM EMP;Thanks,
Manish -
How to set the date picker to display only months?
I am trying to set the date picker in SSRS 2012 to allow the user just to select the months: and when I run my store procedure I get a can't convert data type from nvarchar to datetime. If I don't comment out of the Where Clause, nothing
is returned if I leave the Where Clause in.
Alter
PROCEDURE RollingReportList
AS
BEGIN
SET NOCOUNT
ON;
SELECT
distinct
[ItemDescription]
,[QuantityOrdered]
,QuanitityCost
= [QuantityOrdered]
* [Price]
,Convert(datetime,(CONVERT(CHAR(4),PE.[LastUpdated],107)
+ '-'
+ (right(CONVERT(CHAR(4),PE.[LastUpdated],112),2))))
as CurrentMonth
,Convert(datetime,(CONVERT(CHAR(3),Datename(MONTH,DATEADD(MONTH,1,PE.LastUpdated)),107)
+ '-'
+ (right(CONVERT(CHAR(4),PE.[LastUpdated],112),2))))
as NextMonth
,Name
FROM
[HQStore].[dbo].[PurchaseOrderEntry]
as PE
inner join
[HQStore].[dbo].[PurchaseOrder]
as PO
on PE.[PurchaseOrderID]
= PO.[ID]
inner join
[HQStore].[dbo].[Store]
as ST
on PE.[storeid]=ST.ID
Where
(@Start
= '01/01/2009'
and @Last
= '12/31/2010')
End
Go
Exec
RollingReportList
Any Help?Try the below....
Where (@Start = '20090101' and @Last = '20101231')
SELECT FORMAT(getdate(), 'MM')
02
Best Regards,Uri Dimant SQL Server MVP,
http://sqlblog.com/blogs/uri_dimant/
MS SQL optimization: MS SQL Development and Optimization
MS SQL Consulting:
Large scale of database and data cleansing
Remote DBA Services:
Improves MS SQL Database Performance
SQL Server Integration Services:
Business Intelligence -
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 -
How to load the data from excel file into temprory table in Forms 11g?
Hi
How to Load the data from excel file(Extension is .CSV) into the temporary table of oracle in Forms11g.
My Forms Version is - Forms [64 Bit] Version 11.1.2.0.0 (Production)
Kindly Suggest the Solution.
Regards,
SachinDeclare
v_full_filename varchar2(500);
v_server_path varchar2(2000);
v_separator VARCHAR2(1);
v_filename VARCHAR2(400);
filename VARCHAR2 (100);
v_stop_load varchar2 (2000);
v_rec_error_log varchar2(4000);
v_error_log varchar2(4000);
ctr NUMBER (12);
cols NUMBER (2);
btn number;
RES BOOLEAN;
application ole2.obj_type;
workbooks ole2.obj_type;
workbook ole2.obj_type;
worksheets ole2.obj_type;
worksheet ole2.obj_type;
cell ole2.obj_type;
cellType ole2.OBJ_TYPE;
args ole2.obj_type;
PROCEDURE olearg
IS
args ole2.obj_type;
BEGIN
args := ole2.create_arglist;
ole2.add_arg (args, ctr);
ole2.add_arg (args, cols);
cell := ole2.get_obj_property (worksheet, 'Cells', args);
ole2.destroy_arglist (args);
END;
BEGIN
v_full_filename := client_get_file_name(directory_name => null
,file_name => null
,file_filter => 'Excel files (*.xls)|*.xls|'
||'Excel files (*.xlsx)|*.xlsx|'
,message => 'Choose Excel file'
,dialog_type => null
,select_file => null
If v_full_filename is not null Then
v_separator := WEBUTIL_CLIENTINFO.Get_file_Separator ;
v_filename := v_separator||v_full_filename ;
:LOAD_FILE_NAME := substr(v_filename,instr(v_filename,v_separator,-1) + 1);
RES := Webutil_File_Transfer.Client_To_AS(v_full_filename,"server_path"||substr(v_filename,instr(v_filename,v_separator,-1) + 1));
--Begin load data from EXCEL
BEGIN
filename := v_server_path||substr(v_filename,instr(v_filename,v_separator,-1) + 1); -- to pick the file
application := ole2.create_obj ('Excel.Application');
ole2.set_property (application, 'Visible', 'false');
workbooks := ole2.get_obj_property (application, 'Workbooks');
args := ole2.create_arglist;
ole2.add_arg (args, filename); -- file path and name
workbook := ole2.get_obj_property(workbooks,'Open',args);
ole2.destroy_arglist (args);
args := ole2.create_arglist;
ole2.add_arg (args, 'Sheet1');
worksheet := ole2.get_obj_property (workbook, 'Worksheets', args);
ole2.destroy_arglist (args);
ctr := 2; --row number
cols := 1; -- column number
go_block('xxx');
FIRST_RECORD;
LOOP
--Column 1 VALUE --------------------------------------------------------------------
olearg;
v_stop_load := ole2.get_char_property (cell, 'Text'); --cell value of the argument
:item1 := v_stop_load;
cols := cols + 1;
--Column 2 VALUE --------------------------------------------------------------------
olearg;
:item2 := ole2.get_char_property (cell, 'Text'); --cell value of the argument
cols := cols + 1;
--<and so on>
ole2.invoke (application, 'Quit');
ole2.RELEASE_OBJ (cell);
ole2.RELEASE_OBJ (worksheet);
ole2.RELEASE_OBJ (worksheets);
ole2.RELEASE_OBJ (workbook);
ole2.RELEASE_OBJ (workbooks);
ole2.RELEASE_OBJ (application);
END;
--End load data from EXCELPlease mark it as answered if you helped.
Maybe you are looking for
-
I have a new MacBook Pro and would like to dual boot ot XP. Is this possible using the Bootcamp version that comes with it? I wonder whether Apple have XP drivers for the new MacBook or if they have only developed those for Windows 7? Thanks in advan
-
I just upgraded to Dreamweaver CS3 from MX 2004. I have the following enabled for my site definition: Maintain synchronization information; Enable file check in and check out; and Check out files when opening. The problem is, every time I open a file
-
Sorting photos in slideshow in iPhoto 08
I created a slideshow for use in iDVD. But when I exported it to iDVD it reversed in order (the first photo is now a the end, etc). When I click "view" and "sort photos" none of the options such as "descending order" are allowed. I had already edited
-
I would like to sync my new 7th gen ipod to my current 5th gen ipod. I do not want to sync it to my Library. How do I do this? Thx.
-
Bitmap/picture/whatever size limitation in Adobe Air on iPhone.
Hi I'm gonna start on a new app and was wondering what the max width and height of a picture can be? I will import a big picture into my Flash CS5.5 (pro) and place it in a movieclip. I found this info on an old site from 2008: Note: The maximum dime