AJAX

Date function in Drop-Down Box

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Oct 2007

Posts: 178

Reputation: lordx78 is an unknown quantity at this point

Solved Threads: 2

lordx78

Offline

Junior Poster

Date function in Drop-Down Box

Mar 2nd, 2008

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<select name="test1" style="width: 200px">
<option></option>
</select>
<select name="test1" style="width: 200px">
<option></option>
</select>

This is typical drop-down box in html forms. My question is, hot to make the option to capture current date. Or Must I use any other function than drop-down box.

Please advise.

"I might not be the BEST but I'm not like the REST!"

•

Join Date: Jul 2005

Posts: 154

Reputation: katarey is an unknown quantity at this point

Solved Threads: 20

katarey

Offline

Junior Poster

Re: Date function in Drop-Down Box

Mar 2nd, 2008

Hi there,

try this code("Function") this may help you

JavaScript:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<script type="text/javascript">
//<![CDATA[
<!--
function addDate(){
	var d=new Date();
	var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
	var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
	var	selectBox = document.getElementById("test1");
	var optn = document.createElement("OPTION");
	optn.text = TODAY;
	optn.value =  TODAY;
	selectBox.options.add(optn);
}
//-->
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
<!--
function addDate(){
	var d=new Date();
	var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
	var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
	var	selectBox = document.getElementById("test1");
	var optn = document.createElement("OPTION");
	optn.text = TODAY;
	optn.value =  TODAY;
	selectBox.options.add(optn);
}
//-->
//]]>
</script>

HTML

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<a href="javascript:void(0);"	onclick="addDate()">create Option</a>
<select name="test1" style="width: 200px" id="test1">
<option>Select Date</option>
</select>
<a href="javascript<b></b>:void(0);"	onclick="addDate()">create Option</a>
<select name="test1" style="width: 200px" id="test1">
<option>Select Date</option>
</select>

But if you like to to capture current date, then you can use Text Box, i think there is not any need of multiple selections for current date...

Function for Text Box
JavaScript:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<script type="text/javascript">
//<![CDATA[
<!--
function addDate(){
	var d=new Date();
	var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
	var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
	/***** TextBox *****/
	var	TextBox = document.getElementById("TextBox");
	TextBox.value = TODAY;
	/************/
}
//-->
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
<!--
function addDate(){
	var d=new Date();
	var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
	var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
	/***** TextBox *****/
	var	TextBox = document.getElementById("TextBox");
	TextBox.value = TODAY;
	/************/
}
//-->
//]]>
</script>

HTML

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<a href="javascript:void(0);"	onclick="addDate()">create Option</a>
<input name="TextBox" type="text" id="TextBox">
<a href="javascript<b></b>:void(0);"	onclick="addDate()">create Option</a>
<input name="TextBox" type="text" id="TextBox">

I Hope this will help you

Best Regards,
Rahul Dev Katarey

Freelance Web Designer & Developer
Http//www.Katarey.com

•

Join Date: Oct 2007

Posts: 178

Reputation: lordx78 is an unknown quantity at this point

Solved Threads: 2

lordx78

Offline

Junior Poster

Re: Date function in Drop-Down Box

Mar 3rd, 2008

Thanks for the codes. Actually I'm looking for the codes which can produce output like this

2000-03-24(masked)

The date should be in that particular format and masked. Once the form is open, the current date will be automatically there and masked.

advise pls.

Last edited by lordx78; Mar 3rd, 2008 at 6:34 am.

"I might not be the BEST but I'm not like the REST!"