DaniWeb IT Discussion Community

DaniWeb IT Discussion Community (http://www.daniweb.com/forums/)
-   JavaScript / DHTML / AJAX (http://www.daniweb.com/forums/forum117.html)
-   -   Date function in Drop-Down Box (http://www.daniweb.com/forums/thread111813.html)

lordx78 Mar 2nd, 2008 12:40 pm
Date function in Drop-Down Box
 
<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.

katarey Mar 2nd, 2008 4:52 pm
Re: Date function in Drop-Down Box
 
Hi there,

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

javascript:
<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
<a href="javascript: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:
<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
<a href="javascript: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

lordx78 Mar 3rd, 2008 5:34 am
Re: Date function in Drop-Down Box
 
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.


All times are GMT -4. The time now is 2:12 am.

Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC