setDate madness!

mattps · 10-12-2012, 12:28 PM

This is driving me mad and is probably a simple error on my part and I would appreciate a pair of fresh eyes.

I have the following code to increment the date based on a select box selection:

Code:

function calcdeadline()
{
	var myDate=new Date;
	var priority = document.getElementById("priority").options[document.getElementById("priority").selectedIndex].text
	switch (priority)
	{
		case "1": document.getElementById('deadline').value=myDate.setHours(myDate.getHours()+1);break;
		case "2": document.getElementById('deadline').value=myDate.setHours(myDate.getHours()+4);break;
		case "3": document.getElementById('deadline').value=myDate.setDate(myDate.getDate()+1);break;
		case "4": document.getElementById('deadline').value=myDate.setDate(myDate.getDate()+7);break;
		case "5": document.getElementById('deadline').value=myDate.setDate(myDate.getDate()+30);break;
		case "6": break;
	default: break;
	}
return;
}

Everything works as expected except the value that is return by setDate. If I try and increment the current date (12/10/2012) by 4 hours, 1 day, 7 days or 30 days, I get the follow returned "dates":

Quote:

1350054950348

Quote:

1350127555356

Quote:

1350645995715

Quote:

1352636815355

Any wisdom would be appreciated!!

mrhoo · 10-12-2012, 01:46 PM

new Date(1350054950348)= Fri Oct 12 11:15:50 EDT 2012

You are using the timestamp that returns from the setHours() method.

set the hours, then read the date string-

Code:

	myDate.setHours(myDate.getHours()+priority);

	document.getElementById('deadline').value=myDate;

mattps · 10-12-2012, 02:28 PM

Fantastic! I know it had to be something simple that I had misunderstood!

Thanks mrhoo.

Philip M · 10-12-2012, 05:17 PM

Perhaps a simpler solution.

Code:

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>

<select id = "priority" onchange = "calcdeadline()">
<option value = 0>Select priority level...</option>
<option value = 1>1 hour</option>
<option value = 4>4 hours</option>
<option value = 24>24 hours</option>
<option value = 168>7 days</option>
<option value = 720>30 days</option>
</select>

<input type = "text" id = "deadline" size = 60 readonly>

<script type = "text/javascript">

function calcdeadline()  {
var myDate=new Date();
var val = Number(document.getElementById("priority").value);  // from dropdown
myDate.setHours(myDate.getHours()+val);
document.getElementById('deadline').value=myDate;
}

</script>

</body>
</html>