Aim:
To create a HTML page using java
script to find difference between two dates
Algorithm:
- Write
a function using java script to set the date.
- Write
a function using java script to set the month.
- Write
a function using java script to find the difference between two dates.
- Write
another function to display all the details in your page.
- Use
appropriate tags to display the content on your pages
Program:
datediff.html
<HTML>
<HEAD>
<SCRIPT LANGUAGE=JavaScript>
function writeOptions(startNumber,
endNumber)
{
var optionCounter;
for (optionCounter =
startNumber; optionCounter <= endNumber; optionCounter++)
{
document.write('<OPTION
value=' + optionCounter + '>' + optionCounter);
}
}
function writeMonthOptions()
{
var theMonth;
var monthCounter;
var theDate = new
Date();
for (monthCounter = 0;
monthCounter < 12; monthCounter++)
{
theDate.setMonth(monthCounter);
theMonth =
theDate.toString();
theMonth =
theMonth.substr(4,3);
document.write('<OPTION
value=' + theMonth + '>' + theMonth);
}
}
function recalcDateDiff()
{
var myForm =
document.form1;
var firstDay =
myForm.firstDay.options[myForm.firstDay.selectedIndex].value;
var secondDay =
myForm.secondDay.options[myForm.secondDay.selectedIndex].value;
var firstMonth =
myForm.firstMonth.options[myForm.firstMonth.selectedIndex].value;
var
secondMonth = myForm.secondMonth.options[myForm.secondMonth.selectedIndex].value;
var firstYear =
myForm.firstYear.options[myForm.firstYear.selectedIndex].value;
var secondYear =
myForm.secondYear.options[myForm.secondYear.selectedIndex].value;
var firstDate = new
Date(firstDay + " " + firstMonth + " " + firstYear);
var secondDate = new
Date(secondDay + " " + secondMonth + " " + secondYear);
var daysDiff =
(secondDate.valueOf() - firstDate.valueOf());
daysDiff =
Math.floor(Math.abs((((daysDiff / 1000)
/ 60) / 60) / 24));
myForm.txtDays.value =
daysDiff;
var age=daysDiff/365;
myForm.age1.value=Math.floor(age);
return true;
}
function window_onload()
{
var theForm =
document.form1;
var nowDate = new
Date();
theForm.firstDay.options[nowDate.getDate()
- 1].selected = true;
theForm.secondDay.options[nowDate.getDate()
- 1].selected = true;
theForm.firstMonth.options[nowDate.getMonth()].selected
= true;
theForm.secondMonth.options[nowDate.getMonth()].selected
= true;
theForm.firstYear.options[nowDate.getFullYear()-
1970].selected = true;
theForm.secondYear.options[nowDate.getFullYear()
- 1970].selected = true;
}
