Here in this code u can get Date in format dd/mm/yyyy, Aslo u can customize its
default view accordingly. Get today's date, tomorrow's date, yesterday's date,
Also u can get first and last date of current week and first and last date of
current month.
<HTML>
<HEAD>
<TITLE>Java Script Date Example</TITLE>
<script type="text/javascript">
function showDate()
{
var type = document.myForm.type.value;//get request type
var today = new Date();//get today's date
var yesterday = new Date();;
yesterday.setDate(today.getDate() - 1);//get yesterday's date
var tomorrow = new Date();
tomorrow.setDate(today.getDate() + 1);//get tomorrow's date
//get first and last day of week
var day = today.getDay();//returns 0-6 accordingly
var fistDayOfWeek;
var lastDayOfWeek;
//assumeing monday is first day and sunday is last day
switch (day)
{
case 0:
fistDayOfWeek = new Date();
fistDayOfWeek.setDate(today.getDate() + 7);
lastDayOfWeek = new Date();
//lastDayOfWeek.setDate(today.getDate() + 0);
break;
case 1:
fistDayOfWeek = new Date();
//fistDayOfWeek.setDate(today.getDate() - 0);
lastDayOfWeek = new Date();
lastDayOfWeek.setDate(today.getDate() + 6);
break;
case 2:
fistDayOfWeek = new Date();
fistDayOfWeek.setDate(today.getDate() - 1);
lastDayOfWeek = new Date();
lastDayOfWeek.setDate(today.getDate() + 5);
break;
case 3:
fistDayOfWeek = new Date();
fistDayOfWeek.setDate(today.getDate() - 2);
lastDayOfWeek = new Date();
lastDayOfWeek.setDate(today.getDate() + 4);
break;
case 4:
fistDayOfWeek = new Date();
fistDayOfWeek.setDate(today.getDate() - 3);
lastDayOfWeek = new Date();
lastDayOfWeek.setDate(today.getDate() + 3);
break;
case 5:
fistDayOfWeek = new Date();
fistDayOfWeek.setDate(today.getDate() - 4);
lastDayOfWeek = new Date();
lastDayOfWeek.setDate(today.getDate() + 2);
break;
case 6:
fistDayOfWeek = new Date();
fistDayOfWeek.setDate(today.getDate() - 5);
lastDayOfWeek = new Date();
lastDayOfWeek.setDate(today.getDate() + 1);
break;
}
//get first and last day of month
var month = today.getMonth();
var year = today.getYear();
var fdtm = new Date(year, month, 1);//first day of month
var ldtm = new Date(year, month + 1, 0);//last day of month
//Show Result depending upon type
if(type == 'today')
{
document.getElementById("displayResult").innerHTML = "Today's Date :
"+today.defaultView();
}
else if(type == 'yesterday')
{
document.getElementById("displayResult").innerHTML = "Yesterday's Date :
"+yesterday.defaultView();
}
else if(type == 'tomorrow')
{
document.getElementById("displayResult").innerHTML = "Tomorrow's Date :
"+tomorrow.defaultView();
}
else if(type == 'week')
{
document.getElementById("displayResult").innerHTML = "Ist Day of Week :
"+fistDayOfWeek.defaultView()+" Last Day of week :
"+lastDayOfWeek.defaultView();
}
else if(type == 'month')
{
document.getElementById("displayResult").innerHTML = "Ist Day of Month :
"+fdtm.defaultView()+" Last Day of Month : "+ldtm.defaultView();
}
}
//customize function used for default view
Date.prototype.defaultView=function()
{
var dd=this.getDate();
if(dd<10)dd='0'+dd;
var mm=this.getMonth()+1;
if(mm<10)mm='0'+mm;
var yyyy=this.getFullYear();
var y = yyyy % 100;
y += (y < 38) ? 2000 : 1900;
//return y;
//alert(y);
return String(dd+"\/"+mm+"\/"+y)
}
</script>
</HEAD>
<BODY>
<CENTER>
<h3>Simple Java Script Date Example</h3>
<form action="#" name="myForm">
Select
<select name="type" onchange="showDate()">
<option value="today">today</option>
<option value="yesterday">yesterday</option>
<option value="tomorrow">tomorrow</option>
<option value="week">this week</option>
<option value="month">this month</option>
</select>
</br></br>
<div id="displayResult">
</div>
</form>
</CENTER>
</BODY>
</HTML>
Responses
0 Respones to "JavaScript : Get date in format (dd/mm/yyyy). Get today's date, tomorrow's date, yesterday's date, first and last date of week & Month"
Post a Comment