JavaScript - Change The Status Field Based On Date Difference

Hi Guys,

I am trying to implement a countdown on my website. I want to calculate the difference between the current date and Jan 1st 2012 at 12:01am. I need to have the format in dd:hh:mm:ss so i can push it into this class. I've been reading posts but can't get it to work properly. Can anyone help me convert the dates?

Thanks in advance.

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.

I've written a js function to find the difference between two dates. the format being used is dd/mm/yyyy hh:mm. The function returns correct value when give one set of values, but go wrong with another set. examples are given below.

set 1 : Time 1 = 24/02/2011 09:30 , time 2 = 24/02/2011 16:00

Output is corret here. It gives 6 Hours & 30 Minutes (after converting the difference)

set 2: Time 1 = 24/02/2011 09:30 , time 2 = 25/02/2011 16:00

Here, it gives 31 days, 6 Hours & 30 Minutes. My code is given below. Also the alert of dates display strange values. Don't know if it is timezone issue. I wonder what is going wrong here
Code:

function compareDateTime(frmtime,totime)
{
	var date1 = new Date(frmtime);
	var date2 = new Date(totime);
	var diff = new Date();
	alert(date1);
	alert(date2);
	diff = (date2.getTime()-date1.getTime());
	if (diff<0)
	{
		alert("From Time cannot be later than To Time!");
		return 0;
	}
	else if (diff==0)
		{
			alert("From Time cannot be equal with To Time!");
			return 0;
		}
 
	else
	{
		return diff;
	}
}

The returned diff value is broken down as following:
Code:

if (diff>0)
	{
		days = Math.floor(diff / (1000 * 60 * 60 * 24));
 		diff -= days * (1000 * 60 * 60 * 24);
 		hours = Math.floor(diff / (1000 * 60 * 60));
 		diff -= hours * (1000 * 60 * 60);
 		mins = Math.floor(diff / (1000 * 60));
 		alert(days+","+hours+","+mins);
		return true;
	}

what am i doing wrong here?

hi,

anyone knows how to get the past 6th month date using time difference? like if the current date is given 18-April-2011 then the past 6th month date is 18-October-2010...how can this be done by using time difference?

Thanks,

verve

I have two drop down fields. When I select any value in the first drop down i want the second dropdown to automatically populate the value related to the first one. For e.g i have the first field as name and the second field as measured in. If I select 'Potato' in the first dropdown then the second drop down should populate 'kg'. Please help.

Hi Experts,

I have designed an online registration system for a non profit in ASP/SQL. After the members register for classes they are automatically redirected to an invoice page with class fees. At the bottom of the page I have a Total Fees field of all the classes. The member is supposed to pay this amount to our organization.

Question:
We decided to do an online payment this year and would like to calculate a 2% additional amount on the Total Fees. This amount is paid to the Payment Merchant site. We cannot afford to lose the 2% since we are a non profit.

Would really appreciate if someone can tell me how to
1) Add a new field under the Total field
2) And calculate the 2% additional fees and do a Grand Total.

Thanks in advance.

i've written a js function to find the difference between two dates. the format being used is dd/mm/yyyy hh:mm. The function returns correct value when give one set of values, but go wrong with another set. examples are given below.

set 1 : Time 1 = 24/02/2011 09:30 , time 2 = 24/02/2011 16:00

Output is corret here. It gives 6 Hours & 30 Minutes (after converting the difference)

set 2: Time 1 = 24/02/2011 09:30 , time 2 = 25/02/2011 16:00

Here, it gives 31 days, 6 Hours & 30 Minutes. My code is given below. Also the alert of dates display strange values. Don't know if it is timezone issue. I wonder what is going wrong here
Code:

function compareDateTime(frmtime,totime)
{
	var date1 = new Date(frmtime);
	var date2 = new Date(totime);
	var diff = new Date();
	alert(date1);
	alert(date2);
	diff = (date2.getTime()-date1.getTime());
	if (diff<0)
	{
		alert("From Time cannot be later than To Time!");
		return 0;
	}
	else if (diff==0)
		{
			alert("From Time cannot be equal with To Time!");
			return 0;
		}
 
	else
	{
		return diff;
	}
}

The returned diff value is broken down as following:
Code:

if (diff>0)
	{
		days = Math.floor(diff / (1000 * 60 * 60 * 24));
 		diff -= days * (1000 * 60 * 60 * 24);
 		hours = Math.floor(diff / (1000 * 60 * 60));
 		diff -= hours * (1000 * 60 * 60);
 		mins = Math.floor(diff / (1000 * 60));
 		alert(days+","+hours+","+mins);
		return true;
	}

Please Help...

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?

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

I am trying to calculate age based on the date of birth input into a text field.
the date field should allow users to enter a one or two digit month, one or two digit date and a two or four digit year. Users should be able to enter any of the following date formats: 11-2-10, 1-25-2010, or 01/25/2010. On some days it works and others it wont, like 11-1-91 returns that the user is under 18.

Code:

function checkAge(){
var stDate = document.getElementById("birth").value;
	var dayPartToDate = parseInt(stDate.substring(0,2),10);
	var monPartToDate = parseInt(stDate.substring(3,5),10);
	var yearPartToDate = parseInt(stDate.substring(6,10),10);
	var dtTo = new Date(yearPartToDate, monPartToDate-1, dayPartToDate);
	var mydate = new Date();
      mydate.setDate(mydate.getDate());
	var bday = dtTo - mydate
	if (bday < 18){
	window.alert("You must be 18 to rent equipment.");
	document.getElementById("birth").value = "";
	}
}

Here is what I'm envisioning:

The user selects a state, then in the 'Cities' box, he starts typing the name of his city. However, it autocompletes the name for him based on the state he chose. So if he chose California and started typing in "Los Angeles", it would autocomplete "Los Angeles" for him. Does that make sense? Is there a script out there that can do this?

Hi,

Is there anyone who could help me figure out how to Change a Hidden Fields Name based on selected option. The hidden fields name is sent off and I need to change the name depending on what option they select.
For if they select MyList the hidden field name needs to be SelectLists[40] or if they select testlist the hidden field name needs to be SelectLists[41].

This is probably way, way off but I've done this and it doesn't work.

Any help would be greatly appreciated, thanks.


<script language="JavaScript">
function changelist() {
//here we assign the value of the hidden input to x
x=eval(document.getElementByName("SelectLists[40]");

if(document.getElementById("SelectLists[40]").selected=true
x=SelectLists[40]

else(document.getElementById("SelectLists[41]").selected=true
x=SelectLists[41]

else(document.getElementById("SelectLists[42]").selected=true
x=SelectLists[42]

//now we assign the new value to the input
document.getElementById("theHiddenInput").name=x;

//and now we test
alert(document.getElementById("theHiddenInput").name)


}
</script>





<input type="hidden" id="theHiddenInput" name="SelectLists[40]" value="Yes">
<select class="inpBox" style="width: 287px" name='mailinglist' id="lists" onchange="changelist()">
<option value="SelectLists[40]" name="SelectLists[40]" id="SelectLists[40]">MyList</option>
<option value="SelectLists[41]" name="SelectLists[41]" id="SelectLists[41]">testlist</option>
<option value="SelectLists[42]" name="SelectLists[42]" id="SelectLists[42]">testlist2</option>

Hi Guys,

i am wondering if there is a way to have an auto Complete form field from a db table data ?

thanks

I have this script that I got from some site. When you click on a link tied to a div it hides all other divs and displays just that one. Well, that works, but I want it to display one of the divs on page load based on today's date.

For example, it will display the "summer" div if today's date is anywhere between June 1 and August 31. When links to other divs are clicked that div will disappear and other ones will appear in its place. Anyway, here's the code, and I don't know anything about javascript so I have no idea where to even start editing it. Please help

Code:

<script type="text/javascript">
<!-- Layer Show/Hide Script
last=""
function changeDiv(the_div,the_change)
{
	var the_style = getStyleObject(the_div);
	
	if (the_style != false)
	{
		the_style.display = "block"
	
		if(last!="")
		{
			last.display = "none"
		}
	}
	
	last=the_style
}
	
function getStyleObject(objectId) 
{
	if (document.getElementById && document.getElementById(objectId)) 
	{
		return document.getElementById(objectId).style;
	} 
	
	else if (document.all && document.all(objectId)) 
	{
		return document.all(objectId).style;
	} 
	
	else 
	{
		return false;
	}
}

//-->
</script>

Javascript novice here looking to create a dynamic dropdown based on date.
It's a list of preset prices that will change each month to reflect a pro-rated system. Any thoughts/examples on how I would go about setting this up using javascript would be much appreciated.
Thanks.

Here's what I need:

In September, the dropdown will display these prices
Code:

<option value="100">Product 1</option>
<option value="150">Product 2</option>
<option value="200">Product 3</option>

In October, the dropdown will display these prices
<option value="50">Product 1</option>
<option value="100">Product 2</option>
<option value="150">Product 3</option>