Js vs PHP: Dates
I did a practice comparison to do a dynamic dropdown box in a form in both javascript and php.
They calculate 18yrs from current year to 80 years from current year and puts all values in between into a dropdown selection box for a form which needs a birthdate of someone 18yrs or older.
Javascript version here:
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
var currentYear = new Date(); //initialize date
var year = currentYear.getFullYear(); //get current year
var firstyear = year - 80; //set maximum year
var ultimateyear = year - 19; //set minimum year
var listyears = '';
for (firstyear; firstyear <= ultimateyear; firstyear++) //for loop through years
{
var listyears = listyears + '<option value=' + firstyear + ' > ' +firstyear + '</option>';
}
function getElement()
{
//document.getElementById('example').innerHTML = ' years... ultimateyear: '+ ultimateyear + ' year: '+ year + ' firstyear: '+ firstyear + ' listyears: '+ listyears;
//output years
document.getElementById('date').innerHTML = '<form><select name=client_dob ><option value=\'\' selected>Year</option> ' + listyears + ' </select></form>';
}
</script>
<title>Javascript automatic date of birth updater</title>
</head>
<body onload ="getElement()" >
<div id="example"></div>
<div id="date"></div>
</body>
</html>
Js version here:
test ==> http://miramardesign.com/snippets/date.htm
<title>PHP automatic date of birth updater</title><?php
$currentYear = date(Y);
$ultimateYear = $currentYear - 19;
$firstYear = $currentYear - 80;
echo "<form>";
echo "<select name=\"client_dob3\" id=\"client_dob3\">";
echo "<option value=\"\" selected>Year</option>";
//for ($firstYear; $firstYear < $ultimateYear; $firstYear++)
for ( $ultimateYear; $ultimateYear>$firstYear; $ultimateYear--)
{
echo "<br>";
echo "<option value=\"$ultimateYear\">$ultimateYear</option>";
// echo "<option value=\"$firstYear\">$firstYear</option>";
}
echo " </select>";
echo "</form>";
?>
Php version here
test ==> http://miramardesign.com/snippets/date.php
add comments or debugging below
Previous page: Outlook Mail Autosetup
Next page: Javascript Email Year Scrambler


Add A Comment