Learn VBA & Macros in 1 Week!

JavaScript - Storing The Date Into A Var From A Popup Date Picker

Full Excel VBA Course - Beginner to Expert

Storing The Date Into A Var From A Popup Date Picker	View Content

Hello,

I really need your help with one.

How can I use the following code below to save the date from my popup window datepicker back into a var and relay it back onto its parent page?

I can't seem to figure this out:

Code:

<html>



<head>

<script>
	
	function open_cal() {
	

  var str_html	= 	""
  				+	"<!DOCTYPE html>\n"
				+	"<html lang=\"en\">\n"
				+	"<head>\n"
				+	"<meta charset=\"utf-8\">\n"
				+	"<title>CALENDAR</title>\n"
				+	"<link href=\"jq/jquery-ui.css\" rel=\"stylesheet\" type=\"text/css\">\n"
				+	"<script src=\"jq/jquery.min.js\" type=\"text/javascript\"></" + "script>\n" 
				+	"<script src=\"jq/jquery-ui.min.js\" type=\"text/javascript\"></" + "script>\n"
				+	"<script src=\"jq/datepicker.js\" type=\"text/javascript\"></" + "script>\n"
				+	"</head>\n"
				+	"<body>\n"
				+	"<div id=\"text\" style=\"font: bold 10pt Tahoma\">Enter Approval Date:</div>\n"
  				+	"<div id=\"datepicker\"></div>\n"
  				+	"</body>\n"
  				+	"</html>"
  				
var j = window.open("","CALENDAR","width=200,height=250,status=no,resizable=yes,top=200,left=200")
	j.opener = self;
	j.document.write(str_html);
}


</script>	
	

		
</head>

<body>

<input onclick="open_cal()" type="button" value="Open" name="B1">


</body>

</html>

Datepicker.js:
Code:

$(function() {
	
		$( "#datepicker" ).datepicker({ 
		
		dateFormat: 'dd/mm/yy',
		
		onSelect: function(dateText, inst) { 
		alert(dateText)
		window.close()
		
		} 
		
		})
		
		
		
		
});

Any help with this is greatly and mostly appreciated.

Thanks in advance,

Cheers,

J

Full Excel VBA Course - Beginner to Expert

Date Picker

Similar Tutorials

View Content

Hi,

I'm new to javascripts. I have a perl script that takes 2 sets of dates as input:

http://myhost/perlscript.pl/?startda...ate=yyyy-mm-dd

I would like to have a date picker for the 2 arguments and pass them as yyyy-mm-dd format .

thanks,
Sirjune

Jquery Date Picker

Similar Tutorials

View Content

Good day!

I explore something so I used jquery in my date, without any knowledge about jquery. I research a sample Jquery Date Picker internet and I found one, my problem is the Year is started at 2001 , I don't know if I could change it so that the year would start atleast 1950's or 1990's

here's the code that I add in my webpage to display the Jquery Date Picker
Code:

<link rel="stylesheet" href="ui.all.css" type="text/css" media="screen" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#date").datepicker({ showOn: 'button', buttonText: "Select your Birthday" });

});

</script>

I will attach the date picker that I get from internet.

Thank you

Date Picker Value Into Database

Similar Tutorials

View Content

I have an issue with a javascript date picker. I need to figure out how to get the date to submit from the date picker into my database. Haven't been able to get any help from the maker of the date picker. I have a form which is collecting about 15 other items and I need the date to go in as well. Any help would be great.

Date Picker Validation

Similar Tutorials

View Content

Hi all , first let me just say I know incredibly little about JavaScript at all , I'm currently studying PHP however as part of a course and do occasionally use JavaScript here and there

My problem is on a register page for example i have a JavaScript Date picker so users can select their D.O.B without me having to worry about if the date is valid ...etc through PHP checking.
PHP Code:
<tr>
                        <th>Date of Birth :</th>
                        <td input name="dob"  id="dob"><?php
          $thisyear= getdate();
          $myCalendar = new tc_calendar("date5", true, false);
          $myCalendar->setIcon("./images/iconCalendar.gif");
          $myCalendar->setDate($thisyear['year'],$thisyear['month'],$thisyear['day']);
          $myCalendar->setPath("./");
          $myCalendar->setYearInterval(1910, ($thisyear['year']));
          $myCalendar->dateAllow('1910-05-13', ($thisyear['year']-18) );
          $myCalendar->setDateFormat('j F Y');
          //$myCalendar->setHeight(350);
          //$myCalendar->autoSubmit(true, "form1");
          $myCalendar->writeScript();

          ?></td>
                  </tr>

Now in the <head> tag of my page i do i my JavaScript validation , and was wondering what would i have to do for this to work
Thus far i've tried .checked/.selected basically anything i can think of but since its not my forte there isn't a lot for me to think of
PHP Code:
<script type="text/javascript">
function validate(form) {
if(!document.form1.agree.checked)
{
alert("Please check the terms and conditions");
return false;
}
if(!document.form1.dob.checked)
{
alert("Please select a date of birth");
return false;
}

return true;
}
</script>
</script>

Now i was wondering is there anyway to check if a valid date was selected ??
if you can offer any help it'd be much appreciated.

Date Picker With Dynamic Textbox

Similar Tutorials

View Content

Hi All,

i am having some difficulties to figure out how can i link get my calendar (datepicker) working with my dynamic generated textbox .
I am using a Jquery file that i download form the net


<script language="JavaScript" src="calendar_us.js"></script>
<link rel="stylesheet" href="calendar.css">

and here is my code to generate my dynamic controls which is working fine actually..i need to have :
1- option : the datepicker showing up once i click on StartDate textbox
2- in the future i ll use an img and i want to use it to populate the datepicker.

below is my modest javascipt code i use to create dynamic textbox:

<script type="text/javascript">

// Declare element id for different dynamic generated controls
var elementid = 1;

function addNew()
{
var elementrow = 1;

// Get the main Div in which all the other divs will be added
var mainContainer = document.getElementById('mainContainer');

// Create a new div for holding text and button input elements
var newDiv = document.createElement('div');

var bgc ="##E2E2E2"; //"##b2d47e";

newStartDate = document.createElement( 'INPUT' );
newStartDate.id = 'id' + elementid + elementrow;
newStartDate.setAttribute('id1','id'+ elementid+elementrow);
newStartDate.setAttribute('name','StartDateName'+ elementid+elementrow);
newStartDate.size=8;
newStartDate.style.backgroundColor= bgc;

// Create buttons for creating and removing inputs
var newAddButton = document.createElement('input');
newAddButton.type = "button";
newAddButton.value = " + ";
newAddButton.title = " Add new Project";

var newDelButton = document.createElement('input');
newDelButton.type = "button";
newDelButton.value = " - ";
newDelButton.title = " Remove Project";

// Append new text input to the newDiv
newDiv.appendChild(newStartDate);

// Append new button inputs to the newDiv
newDiv.appendChild(newAddButton);
newDiv.appendChild(newDelButton);

// Append newDiv input to the mainContainer div
mainContainer.appendChild(newDiv);

// Add a handler to button for deleting the newDiv from the mainContainer
newAddButton.onclick = addNew;

newDelButton.onclick = function() {mainContainer.removeChild(newDiv);};

elementid++;

}
</script>

any help will be apprecited !

thanks

Date Time Picker That I Can Disable Weekends And Bank Holidays

Similar Tutorials

View Content

does anyone know of a timepicker that i can disable weekends and bank holidays
(or that at least easily has a place i can add code to disable days by making a call to my database of holidays in ajax?)

Storing Date In Localstorage

Similar Tutorials

View Content

I'm trying my hand at localstorage (which is HTML5), but I'm combining it with javascript (which is... erm, well, javascript ) so I decided to put this in the javascript forum. If I'm wrong, I apologize. Anyway, though I'm not a complete newbie when it comes to coding, this is new for me and frankly, I'm stuck.

What I'm trying to do (nothing special, just messing around a bit) is show the current time and the time the visitor last visited. I made this:

Code:

var tijd = new Date();
var oudetijd = tijd.getTime();

localStorage.setItem('laatste bezoek', oudetijd);
var laatstebezoek = localStorage.getItem('laatste bezoek');
 
document.write(laatstebezoek + "<br>");
document.write(oudetijd);

Should work, right? Well, it does... partly. It shows the current time (woohoo!!! ) but the "old time" (oudetijd) is exactely the same!

Now, I know I'm doing something wrong here, most likely something stupid like a missing comma, but whatever it is, I don't see it. Can someone shed some light on this?

P.S. As you can probably see from the code, I'm Dutch. I dont know if it helps or not, but here's a translation:

tijd= time
oude tijd = old time
laatste bezoek = last visit

Thanks in advance!

Storing Client Date/time

Similar Tutorials

View Content

Hello,

I hope someone can help. I know on the front end using js you can get the date and time on client machine and store in a hidden field so it can be grabbed to use on the back-end to store in a database or even return a special message based on their time. However, I'm not too sure how to begin. Would anyone happen to have any idea on how to do this?

Thanks in advanced!

Dabase List Popup Picker

Similar Tutorials

View Content

dear all....

could you help me how to created database popup picker with javascript and php....i use mysql databse.

best regards

Javascript Date Math - Date In Past Plus 14 Days?

Similar Tutorials

View Content

Not sure if this is possible in javascript:

I'm looking for two different dates (bill date and due date) on an invoice that are captured by OCR. If one of them exists, but the other does not, I want the empty field to be 14 days before (or after) the other.

For example:
if the bill date is 7/27/2010 and the due date was not captured, I want to set the due date as 8/10/2010 (14 days after the bill date).

If the due date was captured as 8/10/2010, but the due date is blank, I want to assign the bill date as 7/27/2010 (14 days before the due date).

if both dates have values, do nothing.

Thanks.

How To Make Purchase Date <= Today's Date

Similar Tutorials

View Content

Using Adobe Form Javascript validation, how would I do this code for Visual Basic in Javascript (non web)

Code:

If PurchaseDate.Value > Date Then
MsgBox ("PurchaseDate cannot be greater than Today's Date!")
Cancel = True
End If

Something along these lines but this isnt working:

Code:

If (PurchaseDate.Value > Date) Then 
{
app.alert ("Purchase Date cannot be greater than Today's Date!");
}

Thanks

Date Calculation - Change Date Formats

Similar Tutorials

View Content

Hi,

I've inherited a Form which calculates a future date based on a calculation and then inserts today's date and the future date into a database. The day part of the date is formatted as a number. This is fine, but up to 9 the numbers display in single figures with no leading zeros. I want them to display leading zeros (e.g. 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11... 30, 31)

So;
1/12/2010 is NOT wanted
01/12/2010 IS wanted

The inherited code originally set the Month names as "Jan", "Feb" etc, and it was easy to kludge these to 01, 02... 12, but I suspect there's a more elgant solution to this as well, this bit of the code works so it's not as vital to neaten this but my database needs dd/mm/yyyy format (it's a third party email program).

Code:

 </script>

<script type="text/javascript">
var todaysDate = new Date();

function updateExpiryDate(){

	var weeklyMileage = document.getElementById('AvWeeklyMileage').value;
	var expiryDate;
	var weeks = 0;
	var expiryDateString = '';

	if (!isNaN(parseInt(weeklyMileage))){
		weeks = 700/weeklyMileage;
		expiryDate = new Date(todaysDate.getTime() + (1000 * 3600 * 24 * 7 * weeks));

		var expiryDateString = expiryDate.getDate() + '/' + getMonthString(expiryDate.getMonth()+1) + '/' + expiryDate.getFullYear();

		document.getElementById('expiryDate').innerHTML = expiryDateString;
		document.getElementById('ShoeExpiryDate').value = expiryDateString;
	} else {
		document.getElementById('ShoeExpiryDate').value = '';
		document.getElementById('expiryDate').innerHTML = 'Please enter a valid weekly average mileage'
	}

}

function getMonthString(monthNumber){
	var monthString = "";
	switch(monthNumber){
		case 1:
			monthString = "01";
			break;
		case 2:
			monthString = "02";
			break;
		case 3:
			monthString = "03";
			break;
		case 4:
			monthString = "04";
			break;
		case 5:
			monthString = "05";
			break;
		case 6:
			monthString = "06";
			break;
		case 7:
			monthString = "07";
			break;
		case 8:
			monthString = "08";
			break;
		case 9:
			monthString = "09";
			break;
		case 10:
			monthString = "10";
			break;
		case 11:
			monthString = "11";
			break;
		case 12:
			monthString = "12";
			break;
		default:
			// do nothing;
	}
	return monthString;
}

function setTodaysDate(){
	var todaysDateString = todaysDate.getDate() + '/' + getMonthString(todaysDate.getMonth()+1) + '/' + todaysDate.getFullYear();
	document.getElementById('todaysDate').innerHTML =todaysDateString;
	document.getElementById('DateOfPurchase').value = todaysDateString;

}

Can someone point me in the right direction please?

Date Comparison Based On Selected Date

Similar Tutorials

View Content

I have a drop down menu where people can select a month, day and year. Based on their selection, I want to show them an image.

If their selection is >= July 26, 2010 but <= July 25, 2011, show the red image;
If their selection is >= July 26, 2011 but <= July 25, 2012, show the white image;
If their selection is >= July 26, 2012 but <= July 25, 2013, show the blue image;
If their selection is >= July 26, 2013 but <= July 25, 2014, show the yellow image;

I don't know how to compare a selected date to a range of dates like this.

Add Days To Date(date Format Is Dd/mm/yyyy)

Similar Tutorials

View Content

Hi,
I need to add days to a date in javascript,
My requirement is as follows:
Date is coming from a textbox.
eg:- 26/07/2010

days from this statement

var day1=document.getElementById('<%=HiddenDate.ClientID %>').value;

an eg:- if the date is 28/01/2012 and days Needed to be added=5
the added date should be 02/02/2012.
Can anybody help me?

Thanks
Jamuna

Vb Script Check A Date Is Less Than Another Date.

Similar Tutorials

View Content

hello there
this is in vb script. but i dont where to post it. can any one hlep me out plzz
I need to check if the date entered by user is within 5th date from current date.

I am trying to do it this way
entered date has month and date value
Code:

sResvDate = 01/24
Set sMaxDays to getdate(5)

but get date will give year too. and how do i compare if it less than 5th day or not.

How !! Javascript Generate Dynamic Date Field With Date Mask "mm/dd/yyy"

Similar Tutorials

View Content

Hi folks,
i am trying to generate a dynamic datefield with date mask "mm/dd/yyyy" and trying to insert it into Oracle db ...i still got the error ORA invalid month ehich means the date filed is not recognized as date:

below is what i am doing :

newStartDate = document.createElement( 'INPUT' ); newStartDate.setAttribute('type','Date'); newStartDate.setAttribute('id1','id'+ elementid+elementrow); newStartDate.setAttribute('name','StartDateName'+ elementid+elementrow); newStartDate.size=8; newStartDate.style.backgroundColor= bgc;

any help thanks ??

Also i want to add a datepicke to this textbox..how it is posible / other option is to use Jquery datepicker but could not know how to impement it

thanks again

Counter (up) From A Preset Number And Date To A Second Preset Number And Date.

Similar Tutorials

View Content

I am delving into the coding world and while I understand the basic principle of cookies, conditional statements, arrays, etc... I am still learning how to properly implement them. Any asistance with the following situation would be greatly appreciated and help with my learning as I try to reverse engineer the logic. I have looked around the web and this forum with little success. If the situation below is too complicated, I would really appreciate even a shove in the right direction regarding the logic.

-----------------
How could I show a preset counter which counts up from a preset, beginning number toward a preset, end number? I imagine the increment and speed is set be the difference between the two numbers and a timeframe.

Assumptions:
I would rather not set the increment but edit the end number to show a steady increase. As I update that number, the increment adapts dynamically.

I would want the number/script to be useful, so it should not refresh to the beginning number on each page load (i.e. num=0). When a visitor comes to the page, it must seem like the counter has been steadily been increasing in their absence.

Coke or Pesi did something similar one time regarding cans sold to date (doubt it was plugged into a DB somewhere but rather based on a steady sales figure) and it was pretty cool.

All the best!

Cc Exp Date

Similar Tutorials

View Content

I have found many examples for checking CC exp year and month, but none that do this type of format. I know Js doesn't have a native explode function or anything of the sort so I don't know where to even begin.

I have already checked if the field is empty, now what I need to do is validate the expiration date, the date is in format "MM/YY". Any ideas?

Date?

Similar Tutorials

View Content

hi friends,

i have one textbox(txtdate) ,if user enters into the textbox automatically it has to format (dd/mm/yyyy). how to do. for your reference i have vbscript code but i don't know how to convert. can u please tell me .

vbscript code:
Hi all,

I have vbscript code to validate date.can u please tell me how to convert it to javascript.
Code:

<script language='vbscript'>
<!--
Function formatDate()
Dim sMonth
Dim sDay
Dim sYear
Dim sDate
Dim vDate
Dim sDateValue
Dim dateformat
Dim regEx
Dim bTest
Dim scMonth
Dim scYear
Dim vYear

	On error resume next

	formatDate=True
	
	sCurrDay = Right("0" & Cstr(Day(Now())),2)
	sCurrYear = Cstr(Year(Now()))
	
	sDateValue = window.event.srcElement.value
	if (len(sDateValue)=0) Then Exit Function
	Select Case len(sDateValue)
		Case 1:
			If (sDateValue="0") Then
				sDateValue = "1"
			End If
			sDateValue = "0" & sDateValue & "/" & sCurrDay & "/" & sCurrYear
		Case 2:
			sDateValue = sDateValue & "/" & sCurrDay & "/" & sCurrYear
		Case 3:
			sDateValue = sDateValue & sCurrDay & "/" & sCurrYear
		Case 4:
			sDateValue = Mid(sDateValue,1,3) & "0" & Mid(sDateValue,4,1) & "/" & sCurrYear
		Case 5:
			sDateValue = sDateValue & "/" & sCurrYear
		Case 6:
			sDateValue = sDateValue & sCurrYear
		Case 7:
			if (Mid(sDateValue,7,1)="1") then
				sDateValue = Mid(sDateValue,1,7) & "9"
			Else
				sDateValue = Mid(sDateValue,1,7) & "0"
			End If
		Case 8:
			window.event.srcElement.value = sDateValue
		Case 9:
			sDateValue=mid(sDateValue,1,6) & mid(sdateValue,8,2)
		Case Else
			If (len(sDateValue)<>10 and len(sDateValue)<>8) Then			
				window.event.cancelBubble=true
				window.event.returnValue = false
				window.event.srcElement.setAttribute "valid","false"
				alert "Invalid Date, must enter 8 or 10 characters!"
				window.event.cancelBubble=true
			    Window.event.returnValue = False		
				window.event.srcElement.focus()
				window.event.srcElement.select()
				window.event.cancelBubble=true
			    Window.event.returnValue = False
			    formatDate=False
				On Error Goto 0
				Exit Function
			End If
	End Select
	If (instr(1,sDateValue,"/") or instr(1,sDateValue,"-")) Then
		sDate=sDateValue
	Else	
		sMonth = Mid(sDateValue,1,2)
		sDay = Mid(sDateValue,3,2)
		sYear = Mid(sDateValue,5,4)
		sDate = translateDate(sMonth,sDay,sYear)				
	End If

    sMonth = Mid(sDateValue, 1, 2)
    If (CLng(sMonth) > 12 Or CLng(sMonth) < 0) Then
		window.event.cancelBubble=true
        Window.event.returnValue = False
        window.event.srcElement.setAttribute "valid","false"
        alert "Invalid Month!"
		window.event.cancelBubble=true
        Window.event.returnValue = False
        Window.event.srcElement.focus()
        window.event.srcElement.select()
		window.event.cancelBubble=true
        Window.event.returnValue = False
        formatDate=False
        Exit Function
    End If
	
	on error resume next
	vDate = CDate(sDate)
	If (Err.number <> 0) Then
		window.event.cancelBubble=true
		window.event.returnValue = false
		window.event.srcElement.setAttribute "valid","false"
		alert "Invalid Date!"
		window.event.cancelBubble=true
        Window.event.returnValue = False		
		window.event.srcElement.focus()
		window.event.srcElement.select()
		window.event.cancelBubble=true
        Window.event.returnValue = False
        formatDate=False
	Else
		vYear=Year(vDate)
		If (vYear<1980) Then
			window.event.cancelBubble=true
			window.event.returnValue = false
			window.event.srcElement.setAttribute "valid","false"
			alert "The date must be greater than 1979!"
			window.event.cancelBubble=true
			Window.event.returnValue = False		
			window.event.srcElement.focus()
			window.event.srcElement.select()
			window.event.cancelBubble=true
			Window.event.returnValue = False
			formatDate=False
		Else		
			window.event.srcElement.value = sDate
			window.event.srcElement.setAttribute "valid","true"
			window.event.returnValue=true
		End If
	End If
	On Error Goto 0
End Function
//-->
</script>

Regards

Get Date

Similar Tutorials

View Content

Hi,
i need to get the current date into some format so that it doesn't change?
here i have some code:
Code:

function printTime(){
var d=new Date();
var utc = d.toUTCString();
alert(utc);
}

for example this show for me: Mon, 26 Dec 2011 21:55:43 GMT

I would like to get this information again, lets say 5 minutes later - but i want the information to still read Mon, 26 Dec 2011 21:55:43 GMT not Mon, 26 Dec 2011 22:00:43 GMT for example

Any help greatly appreciated