Select / Pick Date
This free javascript helps you to pick/select the date from the select table, you can easily get the selected date values using this date picker javascript.
Features
- This date picker helps you to select date from the form.
- This date picker script prints the date in dd/mm/yyyy format.
- Set the year in dropdown as your wish.
Preview
Pick / Select Date
Downloads
Javascript<!--Script by hscripts.com-->
<!-- more scripts @ https://www.hscripts.com -->
<script type="text/javascript">
// Set/Change the Year in the dropdown
var startyear = "1950"; // Change the Starting year in your dropdown
var endyear = "2010";
// Change th ending year in the dropdown
function selectdate() {
var mon = document.nday.birthmonth.options[document.nday.birthmonth.selectedIndex].value;
var day = document.nday.birthday.options[document.nday.birthday.selectedIndex].value;
var year = document.nday.birthyear.options[document.nday.birthyear.selectedIndex].value;
alert("Prints in mm/dd/yyyy format:-"+day+"/"+mon+"/"+year);
}
</script>
<form name="nday"><div align="center"><center><table bgcolor="#ffffff" border="2" cellpadding="0" cellspacing="0"><tr>
<td colspan="3" align="center"><font face="verdana, arial" size="-1"> Select Date
</font></td>
</tr><tr><td align="center"><select name="birthday" size="1"><script type="text/javascript">for(var j=1;j<32;j++)document.write("<option value="+j+">"+j+"</option>");
</script>
</select></td><td align="center"><select name="birthmonth" size="1"><script type="text/javascript">for(var i=1;i<13;i++)document.write("<option value="+i+">"+i+"</option>");
</script>
</select></td><td align="center"><select name="birthyear" size="1"><script type="text/javascript">for(var k=startyear;k<endyear;k++)
document.write("<option value="+k+">"+k+"</option>");
</script>
</select></td>
</tr><tr>
<td colspan="3" align="center"><font face="verdana, arial" size="-1"><a style="text-decoration:none" href="https://www.hscripts.com">©hscripts.com</a>
</font></td>
</tr></table>
</center></div><div align="center"><center><p><input value="Submit" onclick="selectdate()" type="button"></p>
</center></div>
</form>
<!-- Script by hscripts.com -->
<!-- more scripts @ https://www.hscripts.com -->
<script type="text/javascript">
// Set/Change the Year in the dropdown
var startyear = "1950"; // Change the Starting year in your dropdown
var endyear = "2010";
// Change th ending year in the dropdown
function selectdate() {
var mon = document.nday.birthmonth.options[document.nday.birthmonth.selectedIndex].value;
var day = document.nday.birthday.options[document.nday.birthday.selectedIndex].value;
var year = document.nday.birthyear.options[document.nday.birthyear.selectedIndex].value;
alert("Prints in mm/dd/yyyy format:-"+day+"/"+mon+"/"+year);
}
</script>
<form name="nday"><div align="center"><center><table bgcolor="#ffffff" border="2" cellpadding="0" cellspacing="0"><tr>
<td colspan="3" align="center"><font face="verdana, arial" size="-1"> Select Date
</font></td>
</tr><tr><td align="center"><select name="birthday" size="1"><script type="text/javascript">for(var j=1;j<32;j++)document.write("<option value="+j+">"+j+"</option>");
</script>
</select></td><td align="center"><select name="birthmonth" size="1"><script type="text/javascript">for(var i=1;i<13;i++)document.write("<option value="+i+">"+i+"</option>");
</script>
</select></td><td align="center"><select name="birthyear" size="1"><script type="text/javascript">for(var k=startyear;k<endyear;k++)
document.write("<option value="+k+">"+k+"</option>");
</script>
</select></td>
</tr><tr>
<td colspan="3" align="center"><font face="verdana, arial" size="-1"><a style="text-decoration:none" href="https://www.hscripts.com">©hscripts.com</a>
</font></td>
</tr></table>
</center></div><div align="center"><center><p><input value="Submit" onclick="selectdate()" type="button"></p>
</center></div>
</form>
<!-- Script by hscripts.com -->
- Release Date - 07-04-2008
- Get free version without ©copyright link for just $10/-
- For customization of this script or any script development, mail to support@hscripts.com
Usage
- Just copy and paste the code where you want to use it.
- Set/Change the Month format in the dropdown as your wish.
var startyear = "1901"; // Change the Starting year in your dropdown var endyear = "3010"; // Change th ending year in the dropdown
License
- Click Here for detailed license information.
