JavaScript Date

JavaScript provides date object, this date object can be used for further implementation of date. JavaScript date object return in standard date format. This date is picked from client machine.

Standard date cannot easily usable for date proposes. This date comes with many fields in standard date. All fields return in standard date is useful in rarely and not useful always.

We can pick desired date field from date format. JavaScript give us to get day, date, month and year from date object. JavaScript gives more option to set day, date, month and year in date object.

The example shows you to use date in our format.

We are using date getDay(), getDate(), getMonth() and getFullYear() function to get particular field in date.

This is storing in JavaScript variable. Variable can be concatenated for making date in our required standard.

  • getDay() return day of week (0-6) 0=Sunday,1=Monday 6=Saturday
  • getDate() return date (1-31) day of month
  • getMonth() return (0-11) 0=January, 2 = February 11=December
  • getFullYear() return Year in yyyy format (2009)

 

Demo

<html>
<head>
<title>JavaScript Date</title>
<script>
function dateinJS()
{
 var dateType=new Date();

 alert(dateType);
}

function dateFormat1()
{
 var dateType=new Date();

 var day=dateType.getDate();
 var month=dateType.getMonth()+1;
 var year=dateType.getFullYear()

 var dateFormat=day+"/"+month+"/"+year
 alert("Date Format dd/month(1-31)/yyyy : "+dateFormat)
}

function dateFormat2()
{
 var dateType=new Date();

 var day=dateType.getDate();
 var month=dateType.getMonth()+1;
 var year=dateType.getFullYear()

 var dateFormat=day+"-"+month+"-"+year
 alert("Date Format dd-month(1-31)-yyyy : "+dateFormat)
}

function dateFormat3()
{
 var monthWord=new Array("January","February","March","April","May","June",
                   "July","August","September","October","November","December");

 var dateType=new Date();

 var day=dateType.getDate();
 var month=dateType.getMonth();
 var year=dateType.getFullYear()

 var dateFormat=day+"-"+monthWord[month]+"-"+year
 alert("Date Format dd-month(January-December)-yyyy : "+dateFormat)
}
function dateFormat4()
{
 var monthWord=new Array("January","February","March","April","May","June",
                    "July","August","September","October","November","December");

 var dayWord=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday",
                  "Friday","Saturday");

 var dateType=new Date();

 var dayofWeek=dateType.getDay();
 var day=dateType.getDate();
 var month=dateType.getMonth();
 var year=dateType.getFullYear()

 var dateFormat=dayWord[dayofWeek]+", "+day+"-"+monthWord[month]+"-"+year
 alert("Date Format Day(word), dd-month(January-December)-yyyy : "+dateFormat)
}
</script>
</head>

<body>
<input type="button" name="dateName" value="Standard Date" onClick="dateinJS()"/>
<input type="button" name="dateFormat1" value="Date 1" onClick="dateFormat1()"/>
<input type="button" name="dateFormat2" value="Date 2" onClick="dateFormat2()"/>
<input type="button" name="dateFormat3" value="Date 3" onClick="dateFormat3()"/>
<input type="button" name="dateFormat4" value="Date 4" onClick="dateFormat4()"/>
</body>
</html>
Bookmark  

 

Leave a Reply

Security Code:

 

  Random Post