Create Date Textboxes

This page contains a function that creates a textbox for each day between two dates and populates the each box with the incremental date.

You can copy the page html from the textarea below and save it to your local system.

<!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" xml:lang="en" lang="en">

<head>

<title>temptitle</title>

function createDateBoxes(){
dDateBetween=new Date(dDate1.getTime()+86400000)
var nBox=1
var oBoxLoc=document.getElementById('boxDiv')
while (dDateBetween<dDate2){
	//create textbox
	oElement=document.createElement("INPUT")
	//assign attributes
	oElement.type="text"
	oElement.size="50"
	oElement.value=dDateBetween
	oElement.name='Date'+nBox
	//append textbox
	oBoxLoc.appendChild(oElement)
	//create line break (<br />)
	oElement=document.createElement("BR")
	//append line break
	oBoxLoc.appendChild(oElement)
	nBox++
	dDateBetween=new Date(dDateBetween.getTime()+86400000)
	}
}

//-->
</script>

</style>

</head>

<body>

<h1>Create Date Textboxes</h1>
<p>This page contains a function that creates a textbox for each day between two dates (hard coded as 11/12/2005 and 11/25/2005) and populates the each box with the incremental date.</p>
<br />
<button onclick="createDateBoxes()">Create Date Boxes</button>
<form method="post" action="http://kimoto.us/examples/generic_form_processor.php">
<div id="boxDiv"></div>
<input type="submit" value="OK" />
</form>
</body>

</html>