DatePicker Useability..

Hi all!
Does anyone of you have a good idea for layouting serveral datePicker views? I would like to set a time range which has the year, month, hour, minute as values:
from
yy:mm:hh:mm
to
yy:mm:hh:mm
- but the datePicker in mode date&time only shows month, hour, min, am/pm.
therefore, i have two questions:
1. can i set the timepicker to yy:mm:hh:mm ?
2. how should i layout several datepickers for my purpose? Should i use a list, with four rows, where the first row has the "from date and the second has the "from time", the third one has the "to date" and last one "to time" as UILabels, if the user clicks on it, a datePicker is shown.. or should i use a segmented control where everything remains on one view?
thx..
but this, in a way, sounds complicated, or not?

FYI:
Used javascript to disable the fields from manual entry.
if ( element.name == "variables.user.global.field" )
element.readOnly = true ;
}

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/

HT1414 My Apple ID username on my iPhone4 is seemingly locked on an old, unseable ID when I try to access the App Store on the iPhone. Everywhere else it has been updated (itunes etc.). How do I get past this no longer useable email/AppleID?

The phone has been restored from settings from an old iPod Touch. The Apple ID username there worked well then, but I have since updated that. The email is no longer useable (university) and the passwords I have tried do not work - nor should they since I have updated my Apple account. Again, it's only when I try to access the App Store on my iPhone does this Apple ID problem surface. Please help! Thanks.

Settings -> Store --> AppleID

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

Fullscreen performance issue on a Netbook: not useable on AtomN270

I have a preformance issue, I have a S10e Netbook, and I tought that the performance should be enough to watch iTunes SD videos. Without going into fullscreen I can see that I am reaching the limits, as soon as I try in fullscreen it is the end. If I watch the same videos in VLC (take one bought on iTunes Plus for instance), there is absolutely no problems, and the CPU still has margin. VLC can even decode videos with 720x480 encoded for AppleTV profile and it plays very fluid. So what is the problem with iTunes ? Why is video playing so sluggish ? Any tipps to make this useable ?

Has anyone a trick or can just confirm that it is the way it is ?

Does anyone know that if I update my iPhone 4 to iOS 6.1.3, will it still be useable by iTunes 10.6.3 through does iOS 6.1.3 work with iTunes 10.6.3 (25) running on a G5 with OSX 10.5.8?

useable by iTunes 10.6.3 (25) running on a G5 with OSX 10.5.8?

No. It will not.
The system requirements are quite clear:
http://www.apple.com/iphone/specs.html
Apple ID (required for some features)
Internet access5
Syncing with iTunes on a Mac or PC requires:
Mac: OS X v10.6.8 or later
PC: Windows 7; Windows Vista; or Windows XP Home or Professional with Service Pack 3 or later
iTunes 10.7 or later (free download from www.itunes.com/download)

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

Is There a Way to Make the Background App Be Useable?

Hi. Is there a way to make the background useable? For example, you have a fullscreen only app in the background and you want/wanted (which is the correct grammar btw, those who're native speakers and why?) and you have Safari for some tutorial, is there a way to access the background app (for example if it's a drawing app you're learning).
It is possible I guess if the background is/was (which is the correct grammar again btw and why) was resizable.
Thanks in advance.
Gbu.

Another way to be able to get to the tutorial in Safari would be to double-click the titlebar of the drawing app's window. Doing that should minimize it, dropping it into the Dock, thus making the Safari window visible. You can bring the drawing back up and front by clicking its icon in the Dock.
I can see a lot of confusion happening if it were possible to have the top window inactive and one in the back of it active. One would have to be really alert as to which window was the active one, to avoid something happening in the wrong place. I'm glad it doesn't work that way.
As far as the drawing app not behaving in accordance with Apple's guidlines re full-screen windows, well, that's on the publisher of the program. Apple publishes developer guidelines for a reason.

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 Useability..

Similar Messages

Maybe you are looking for