DatePicker

Hi
I am developing a Desktop application.
How to get Current time ?
i want to update time in runtime?

Avoid using new Date()
always use Calendar.getInstance().getTime()

Similar Messages

Lightbox and datepicker don't work togethor

Hi, I have,or had, datepicker working on my website. Once I added lightbox2 to my site my datepicker stopped working. If I comment out the links to lightbox2 then my date picker workes. Thanks in advance for any help.
Here is some code.
=======================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<title class= "header2">Keynote Speakers, Sports Celebrities and Emcee's | EMJ Marketing <?php $title="The Right Keynote Speakers, Emcee's and Sports Celebrities   for your event" ?> </title>


<link href="../NewEMJ.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="../jquery-ui-1.7.2/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />


<link href="../SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />

<link href="../jquery-ui-1.7.2/css/base/ui.core.css" rel="stylesheet" type="text/css" />
<link href="../jquery-ui-1.7.2/css/base/ui.datepicker.css" rel="stylesheet" type="text/css" />
<link href="../jquery-ui-1.7.2/css/base/ui.theme.css" rel="stylesheet" type="text/css" />
<link href="../jquery-ui-1.7.2/css/base/ui.datepicker.images.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="../lightbox2/prototype.js"></script>
<script type="text/javascript" src="../lightbox2/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../lightbox2/lightbox.js"></script>
<link rel="stylesheet" href="../lightbox2/lightbox.css" type="text/css" media="screen" />
<style type="text/css">
table {
width: 896px;
color: #D6BD38;
background-repeat: no-repeat;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
body {
background-color: #000;
a:visited {
color: #D6BD38;
a:link {
color: #D6BD38;
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24112472-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<style type="text/css">
/* BeginOAWidget_Instance_2137022: #datepicker */
#datepicker .ui-widget {
   font-family: inherit;
#datepicker .ui-datepicker {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
#datepicker .ui-datepicker-title {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: .8em;
   color: #000000;
   font-weight: normal;
   line-height: 1.8em;
#datepicker .ui-state-default, .ui-widget-content .ui-state-default {
border-color: #d6bd38;
background-color: #d6bd38;
color: #F7DA3D;
#datepicker .ui-state-default, .ui-state-default a {
color: #F7DA3D;
#datepicker .ui-state-highlight, .ui-widget-content .ui-state-highlight {
border-color:transparent;
background-color:transparent;
color:#F7DA3D;
#datepicker .ui-state-active, .ui-widget-content .ui-state-active {
border-color: #cccccc;
background-color: #cccccc;
color: #F7DA3D;
#datepicker .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus
border-color: #666666;
background-color: #666666;
color: #000;
#datepicker .ui-widget-header
   border-color: #d6bd38;
   background-color: #000000;
   border-width: 1px;
/* Text attributes for the Days of Week Text */
#datepicker .ui-datepicker table th
   font-size: .8em;
   color: #d6bd38;
   font-weight: bold;
/* EndOAWidget_Instance_2137022 */
</style>
<script type="text/xml">

</script>
</head>
=================================
Thanks winrol

Check this link should work for you
http://api.jquery.com/jQuery.noConflict/

How to Stop confirmation popup arising for datepicker control in IE

Hello All,
I m using a confirmation popup to notify user when they try to navigate away from the page with out saving the changes made. I executed it through the javascript and it even works properly for most of the items and buttons except Datepicker control. This issue is only with Internet Explorer and all others are fine.
I use the following block of code to do the job
+function isFormChanged()
{+
var rtnVal = false;
var frm = document.wwv_flow;
var ele = frm.elements;
for ( i=0; i < ele.length; i+ )
{+
+if ( isElementChanged( ele, i ) )
{+
rtnVal = true;
break;
+}+
+}+
return rtnVal;
+}+
+function isElementChanged( ele, i )
{+
var isEleChanged = false;
+switch ( ele.type ) {+
case "text" :
+if ( ele[i].value != ele[i].defaultValue ) return true;+
+if( ele[i].id.indexOf('Date')!=-1) return false;+
break;
case "textarea" :
+if ( ele[i].value != ele[i].defaultValue ) return true;+
break;
case "radio" :
val = "";
+if ( ele[i].checked != ele[i].defaultChecked ) return true;+
break;
case "select-one" :
+if      (ele[i].id>99 ) return false;+
+for ( var x =0 ; x <ele[i].length; x++ )
{+
+if ( ele[i].options[ x ].selected+
+!= ele[i].options[ x ].defaultSelected ) return true;+
+}+
break;
case "select-multiple" :
+if      (ele[i].id>99 ) return false;+
+for ( var x =0 ; x <ele[i].length; x++ )
{+
+if ( ele[i].options[ x ].selected !=+
+ele[i].options[ x ].defaultSelected ) return true;+
+}+
break;
case "checkbox" :
+if ( ele[i].checked != ele[i].defaultChecked ) return true;+
default:
return false;
break;
+}+
+}+
var g_saving = false;
var IsThe2ndNavAway = false;
var g_errmsg="The changes you made to the page were not saved.";
+function WarnSave()
{+
var formChanged = isFormChanged();
if (!g_saving && formChanged)
+{+
if(!IsThe2ndNavAway)
+{+
IsThe2ndNavAway=true;
+var tOut = window.setTimeout(function () { IsThe2ndNavAway = false; }, 0);+
return g_errmsg;
+}+
+}+
+}+
function doSave()
+{+
g_saving=true;
doSubmit('SAVE');
+}+
the above lines on page Html header and the Html body attribute with onBeforeUnload="return WarnSave();"
Can any one say why the confirmation popup is pushed of in IE for DatePicker Calendar alone and provide the work around if any..

Are you still having this problem? See this post how one AOL user solved it: http://forums.adobe.com/message/3024814#3024814

Using DatePicker in forms 10g

how can i use datepicker in forms 10g for date data type items.

<p>Oracle Forms 11.1.2.0.0 Date Picker</p>

Using a datepicker with format mask MM/YYYY gives error on submit

I'm trying to use a datepicker with the format MM/YYYY.
The item is linked to a database column of type DATE.
The items displays correctly (month and year), but when submitting the page, I get an "ORA-01843: not a valid month" error from the built-in DML process.
Shouldn't Apex apply the same date format mask to the item value when trying to save it to the database?
- Morten
http://ora-00001.blogspot.com

Hi Mike,
I can/need to do that for my own PL/SQL processes, but the problem is with the Built-In DML Process....
- Morten
http://ora-00001.blogspot.com

SharePoint DatePicker is not working in Visual webpart

Hi,
The sharepoint date picker is not working for Visual webparts created in VS 2012 (SP 2013).
In my visual webpart, I added the form digest, and then the sharePoint date control.
<script type="text/javascript" src="/_layouts/15/datepicker.js"></script>
<SharePoint:DateTimeControl ID="dtDate" runat="server" DateOnly="true" />
I get the "/ error in Application". Many websites are saying to add the below line to the datepicker:
<SharePoint:DateTimeControl ID="dtDate" runat="server"
DateOnly="true" DatePickerFrameUrl="<%
$SPUrl:~sitecollection/_layouts/15/iframe.aspx %>" />
But adding the "DatePickerFrameUrl" gives error in the "InitializeControl()" method available in OnInit().
Error: The name InitializeControl does not exist in the current context.
I have checked this:
http://developmentsimplyput.blogspot.in/2013/04/sharepoint-datetimecontrol-issue-when.html
http://sharepoint.stackexchange.com/questions/57092/sharepointdatetimecontrol-crashes-in-sp2013-webpart
but did not solve the issue. Also creating a root site for just a DatePicker control is not an option for me.
Has anybody found a solution to this?
How to use the SharePoint datepicker in visual webpart for SP 2013?
Thanks

hi
did you try to investigate the initial error more deeply, e.g. check stack trace in the logs? In our case it worked quite straightforward (but it was in SP2010) by adding the following control on ascx control:
<SharePoint:DateTimeControl ID="Foo" OnDateChanged="StartTimeChanged" HoursMode24="true" FirstDayOfWeek="1" AutoPostBack="true" runat="server" />
If it is problematic to check logs, you may create custom control which inherits OTB DateTimeControl, override appropriate methods in it and then check the error in debugger:
public class MyDateTimeControl : DateTimeControl
Blog - http://sadomovalex.blogspot.com
Dynamic CAML queries via C# - http://camlex.codeplex.com

How to populate tag_capturedetails field using a datepicker

So, here is what I am trying to do. I have the online shop layout template - Individual Product-Large - being used as the page prior to shopping cart used by the customer to finalize the selection of the product. The product is actually a service with a defined start date. I would like to have the customer select a start date using the datepicker (JQUERY UI Widget) that I have succesfully installed on this page.
My question is probably not a very smart one, but how in the world do you get the information chosen on the date picker to populate the tag_capturedetails field. I have tried all weekend and have searched everywhere, but have not found any reference to this with a working solution. Any help on this would be super appreciated. Here is my code for the page as described:
<link type="text/css" href="/css/custom-theme/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/Javascript/jquery-ui-1.8.21.custom.min.js"></script>
<h2 style="text-align: left;">
<table>
    <tbody>
        <tr>
            <td rowspan="4" style="background-image: url(http://www.solderlab.com/images/cssimg/blue-gradient.jpg); padding-right: 25px; padding-left: 25px; background-attachment: scroll; padding-top: 10px; text-align: left; vertical-align: top;">
            <h4><span style="font-size: 13px;"><span style="font-weight: normal; font-family: arial; font-size: 13px;">{tag_description}</span><span style="font-weight: normal; font-family: arial; font-size: 13px;">{tag_smallimage}</span></span></h4>
            </td>
            <td style="padding-top: 20px; text-align: center; vertical-align: top;"><span style="font-family: arial; font-size: 16px;">{tag_largeimage}</span></td>
        </tr>
        <tr>
            <td style="white-space: nowrap;"><span style="font-family: arial; font-size: 16px;">Click on an image to expand {tag_poplets}</span> </td>
        </tr>
        <tr>
            <td></td>
        </tr>
        <tr>
            <td style="background-image: url(http://www.solderlab.com/gray-gradient.gif); padding-right: 20px; padding-left: 20px; padding-bottom: 10px; text-align: left; vertical-align: top; white-space: nowrap;"><span style="font-family: arial; font-size: 16px;"><span style="font-size: 20px; font-family: arial;">Configure your quote or order: </span><br />
            <span style="font-size: 20px; font-family: arial;"> Product: {tag_name}</span></span>
            <div><span style="font-family: arial; font-size: 16px;">{tag_custom3} {tag_grouping}</span></div>
            <div><span style="font-family: arial; font-size: 16px;">{tag_custom2} {tag_addtocartinputfield}</span></div>
            <div><span name="date" id="details" style="display: none; font-family: arial; font-size: 16px;">{tag_capturedetails, Specify your start date}<br />
            </span></div>
            <meta charset="utf-8" />
            <script>
     $(function() {
$( ".selector" ).datepicker({ altField: "#actualDate" });
//getter
var altField = $( ".selector" ).datepicker( "option", "details" );
//setter
$( ".selector" ).datepicker( "option", "details", "#actualDate" );
          $( "#datepicker" ).datepicker({
               showOn: "button",
               buttonImage: "/images/calendar.gif",
               buttonImageOnly: true
     </script>
            <div class="demo">
            <p><span style="font-family: arial; font-size: 16px;">STEP 3: Select your test start date:
            </span><input type="text" id="datepicker" /></p>
            <p><span style="font-size: medium; font-family: arial; color: #ffffff;">{tag_custom1}<br />
            </span><span style="font-size: medium; font-family: arial; color: #ffffff;">{tag_custom4}</span></p>
            </div>
            <div><span style="font-family: arial; font-size: 16px;">{tag_buynow, Go to Cart}</span></div>
            </td>
        </tr>
    </tbody>
</table>
<table>
</table>
</h2>
<div style="text-align: center;"><em><br />
</em></div>

Hi Mihai
Thank you for your reply. I was beginning to think that no-one could answer this one. Am what I am trying to do even possible?

Apex 4.1 IR: $.datepicker._curInst' is null or not an object

Funniest thing after upgrade from 4.0 to 4.1 - Getting page error on IR when trying to create filters:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB7.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Mon, 26 Sep 2011 17:36:52 UTC
Message: '$.datepicker._curInst' is null or not an object
Line: 18
Char: 130532
Code: 0
URI: https://xxxxxxxxxxxxx/i/javascript/apex_4_1.min.js
Message: '$.datepicker._curInst' is null or not an object
Line: 18
Char: 130532
Code: 0
URI: https://xxxxxxxxxxxxx/i/javascript/apex_4_1.min.js
Message: '$.datepicker._curInst' is null or not an object
Line: 18
Char: 130532
Code: 0
URI: https://xxxxxxxxxxxxx/i/javascript/apex_4_1.min.js
Message: '$.datepicker._curInst' is null or not an object
Line: 18
Char: 130532
Code: 0
URI: https://xxxxxxxxxxxxx/i/javascript/apex_4_1.min.js
Message: '$.datepicker._curInst' is null or not an object
Line: 18
Char: 130532
Code: 0
URI: https://xxxxxxxxxxxxx/i/javascript/apex_4_1.min.js
And the problem solution:
Check your IR columns. The problem occurs when column without heading exists. I had one column with &npsp; heading. I renamed that column and now IR works fine.
Greetings from Slovenia,
Mitja Mavrič

I am unable to reproduce the issue from my side, since it is JavaScript issue, i would suggest to clear the browser cache, history, Temporary internet files and then try again.

Bug Datepicker icon position in RTL environment

Hello everybody!
My ApEx version is 4.2.3.00.08 on Oracle 11g R2 Windows 64 bit platform.
My application is Right To Left oriented (language is Hebrew) - it's working application which has been RTL adjusted.
When using new Date picker (j Query) I get date picker icon to the right of input field while for Classic Date picker icon comes to the left of input field which is proper behavior for RTL oriented application.
Is there any way to change this behavior for new Date picker i.e. from the right to left the order of objects will be: label - input field - date picker icon
Thanks and best regards
Mark

Nicolette, thank you very much.
It's very strange, but when instead of apex.jQuery('.hasDatepicker').datepicker("option","isRTL",true); I use apex.jQuery('.hasDatepicker').datepicker("option","isRTL",false); it works correct and icon appears to the left of input field.
I suppose that it can be a result of RTL oriented application in combination with jquery.ui.datepicker-he. In your demo application when it's LTR application (jquery.ui.datepicker-en.js) it behaves as expected.
I'll try to stay with apex.jQuery('.hasDatepicker').datepicker("option","isRTL",false);
Another point. You suggested to define dynamic action on global page. You meant page 0? I tried but unsuccessfully while when defined in dynamic action on specific page it's OK. I did it in my test application
Do you think it still should be reported as a bug?
Thanks
Mark

Validation on datepicker

Hello expert
i want to create validation on datepicker when we select the date.is it possible ?
please help me for that
Thanks & Regards
Vilas maskey

Hello
You can use the event et_PICKER_CLICKED. The After event occurs after the user makes a selection or chooses Cancel.
Regards
János

Does anyone know how to remove sundays from the datepicker in BC?

I have a client that is closed on Sundays and occasionally gets an irate customer that books late saturday and is upset that no one is there on Sundays. So I would really like to remove the option of Sundays from the date picker.

Hi guys,
I had the same problem as jbyrom and found a work-around using a bit of jQuery. Before I begin...
Downsides
It's a bit of a pain if you have tons of date fields, as you'll need to add a class to each datepicker field
Because you need to add a class to each datepicker field, you'll need to add the Web Form as HTML (ie make sure "insert as module instead" is unchecked when adding the form to a page)
As mentioned, it's a work-around - may stop working in the future if Adobe changes the way the datepicker works
Users could still put in "restricted" dates by manually typing the date instead of clicking the date in the datepicker
How-To
Add a class to each datepicker field you want to restrict days on (I'm using "datepickerhack").
Add the script below the form (ie at least after the closing </form> tag). This is so jQuery and BC's Java_Datepick.js are loaded before the script.
Add some CSS to your stylesheet to make it obvious to them they can't click certain dates.
Script
<script type="text/javascript">
$(document).ready(function(){
     $(".datepickerhack").focus(function(){
          // Grab the ID of the relevant date field and use it to call the built-in BC displayDatePicker function
          var datetable = $(this).attr("id");
          displayDatePicker(datetable);
          // Now the date table is in the DOM, remove the onclick events of the appropriate TDs
          // In this example I'm removing the onclick event of the first TD in each row (ie Sunday)
          $(".date tr td:first-child").attr("onclick","");
          return false;
</script>
CSS
Last step is something simple for usability, so users know they can't click the unclickable days. I just used:
.date tr td:first-child{background-color:#CCC;}
.date tr:last-child td{background-color:#FFF;}
The second line is needed as the last row contains the "Today"/"Clear"/"Close" buttons (as opposed to dates)
Edit: fixed formatting, added last "Downside"

DatePicker problem in JSf

Hi,
I am using RAD for developing JSF Pages which is internally uses JSF1.0.
For Some date fields i am using DataPicker for picking dates. And deploying under Websphere 6.1.
I am unable to open Datepicker in JSF Page with backing bean due to some parcing errors. If same code i run in JSP page it's working fine.
Can any one guide me to trouble shot this BUG

Hi,
I am using RAD for developing JSF Pages which is internally uses JSF1.0.
For Some date fields i am using DataPicker for picking dates. And deploying under Websphere 6.1.
I am unable to open Datepicker in JSF Page with backing bean due to some parcing errors. If same code i run in JSP page it's working fine.
Can any one guide me to trouble shot this BUG

UIX 2.1.21: Button to move to current date in Datepicker?

Would be nice to have a "today" button in the UIX datepicker that navigates back to the current date.
Thanks, Markus

Anyone help please?
Cheers

Spry Validation and ADDT DatePicker Widget

I have a number of text fields which I applied Spry
Validation to and set them to "required". These function correctly
until I add a ADDT DatePicker widget to the form. Now the
validation doesn't work.

Hi Gabriele,
technically speaking, ADDT and the Spry framework have about nothing in common, and you´re going to stumble across many compatibility-related issues when trying to use them together.
Does anyone have a solution??
any regular user who´d like to provide a solution to this, would have to be a pretty skilled programmer and would have to know the "technical details" of both ADDT and SPRY very well to be of help -- I don´t think that you´ll find many folks here who are capable to do that.
However, why not making the date field required in ADDT ?
Cheers,
Günter Schenk
Adobe Community Expert, Dreamweaver

Javascript Error: DatePicker

Hi,
In one of our instances DatePicker on custom page is not working. When ever I click on Calender Icon Error on page is displayed at bottom of the page in IE.
Error: _jdrDir is undefined ...
I tried same on Firefox it worked successfully.
I checked dates on Oracle Std. pages they are working fine in IE.
Interestingly this occurs on RAC configured system. Same files work absolutely fine in dual Node (Apps server/DB) absolutely fine.
Some times error is not displayed. Calendar Popup appears but even after selecting the date the date is not populated onto InputItem.
Any insight on this kind of Issue ?

I checked one of the Oracle Seeded Pages code to verify the differences I found following differences.
1. Structure of VO Attribute in Seeded VO and custom VO
Seeded VO
<ViewAttribute
Name="StartDate"
IsQueriable="false"
IsPersistent="false"
Type="oracle.jbo.domain.Date"
AliasName="START_DATE"
ColumnType="$none$"
Expression="'See the SQL...'"
SQLType="DATE" >
<DesignTime>
<Attr Name="_DisplaySize" Value="7" />
</DesignTime>
</ViewAttribute>
Custom VO
<ViewAttribute
Name="SignedContractDate"
EntityAttrName="SignedContractDate"
EntityUsage="XxcdmCciPsrSchProcureGdEO"
AliasName="SIGNED_CONTRACT_DATE"
ColumnType="VARCHAR2" >
</ViewAttribute>
2. For seeded VO RowImpl is generated but not for custom VO
Will these differences make any impact on Date picker.
Thanks,
Satya

Datepicker on custom popup page close the popup page when date is selected

Hi
I have created a custom popup page according to the "How-To": Build Custom Popup Pages in Oracle Application Express. http://www.oracle.com/technology/products/database/application_express/howtos/how_to_create_custom_popups.html
I have changed one of the search fields to a date and use the datepicker.
When running the custom popup page from a simple form page, and select a date with the datepicker, the custom popup page is closed, and I return to the form page.
How do I prevent the popup page to be closed, when date is selected ?
BR Klaus

Is there a way to control the javascript in the
standard datepicker.No.
Why would you want the builtin date picker window to hang around after the user selects a date?

DatePicker

Similar Messages

Maybe you are looking for