Date Function in JavaScript

Lets have a Look at Date Function in JavaScript

 Program :

<html>
<body>
<h2>DATE</h2>
<script>
var x= new Date();
document.write(x.getDate()+"/");
document.write(x.getMonth()+1+"/");
document.write(x.getFullYear());
</script>
</body>
</html>

In this we are Getting Date Month and year separately and printing them , and we are adding 1 to month because in JS the Month starts from 0 and ends with 11 so we are adding 1 to Month and printing that ...

Calculate Difference Between Two Dates :

Program :

<html>
<style>
.size {
font-size:20px;
}
</style>
<body>
<h2>DATE DIFFERENCE</h2>
<h3> START DATE </h3>
DATE <input type="text" name="textbox1" class="size" id="date" /> /
MONTH <input type="text" name="textbox1" class="size" id="month" /> /
YEAR <input type="text" name="textbox1" class="size" id="year" />
<br /><br />
<br />
<h3> END DATE </h3>
DATE <input type="text" name="textbox1" class="size" id="date1" /> /
MONTH <input type="text" name="textbox1" class="size" id="month1" />/
YEAR <input type="text" name="textbox1" class="size" id="year1" />
<br /><br />
<br />
<input type="submit" onclick="datedifference()" class="size"  value="Calculate" /> <br /><br /><br />
<input type="text" name="textbox2" class="size" id="textbox2" readonly="true" />
<br /><br /><br />INCLUDING END DATE <br />
<br /><br /> <input type="text" name="textbox2" class="size" id="textbox3" readonly="true" />
<script>
function datedifference()
{
var date=parseInt(document.getElementById("date").value);
var month=parseInt(document.getElementById("month").value);
var year=parseInt(document.getElementById("year").value);
var date1=parseInt(document.getElementById("date1").value);
var month1=parseInt(document.getElementById("month1").value);
var year1=parseInt(document.getElementById("year1").value);
var d1= new Date(year,month,date);
var d2= new Date(year1,month1,date1);
var x=d1.getTime();
var y=d2.getTime();
var ans=(y-x)/86400000;
var textbox2=document.getElementById('textbox2');
textbox2.value=(ans);
var textbox3=document.getElementById('textbox3');
textbox3.value=(ans+1);
}
</script>
</body>
</html>

Note :
Months must be given like 0-11 not 1-12 , Jan is 0 and December is 11

you Can execute this at :




Have a Nice Day

Comments

Post a Comment