Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Javascript JavaScript setDate method

Related Tutorials


 
 

Share on Google+Share on Google+

JavaScript setDate method

Advertisement
JavaScript setDate() method can be used to set a date value to the date object with an integer value between 1 and 31 that represents day of the current month.

JavaScript setDate method

     

JavaScript setDate() method can be used to set a date value to the date object with an integer value between 1 and 31 that represents day of the current month. Syntax for using setDate() method is as follows :

Syntax:

 object_date.setDate(dateValue);

Where object_date is the date object which is required to call setDate() method. "dateValue" will hold any integer values between 1 and 31(inclusive) and is required parameter.

Description with example:

In this example we have created a button "Set date". This button when clicked calls the method setDateOfMonth() which is already defined in java script. Here we have taken the current date value into the variable named "dt". In the next line of code we have taken the date value inserted by the user into a variable dateOfMonth. Now we can show current date by using date object "dt" and there after we will call setDate() method to set current date with the value provided by the user into  date reference variable "dt". Here is the small part of code that defines the function :

 function setDateOfMonth()
  {
   var dt= new Date();
   var dateOfMonth = document.getElementById(
     'dateValue').value;
   if(dateOfMonth >1 && dateOfMonth <31 ){
      alert("Current date :" +dt);
      dt.setDate(dateOfMonth);
      alert("Date after set :"+dt);
     }else{
	alert("Invalid date");
	return false;
     }
   }

In the above function we also have applied some validation so that user can enter only valid date to set date. Here is the full example code for setDateExample.html as follows :

<html>
<head>
<script language="JavaScript">
 function setDateOfMonth()
  {
   var dt= new Date();
   var dateOfMonth = document.getElementById(
                'dateValue').value;
   if(dateOfMonth >1 && dateOfMonth <31 ){
      alert("Current date :" +dt);
      dt.setDate(dateOfMonth);
      alert("Date after set :"+dt);
     }else{
	alert("Invalid date");
	return false;
     }
   }
</script>
</head>
<body>
<div style="background: #ff9900; width:'100%';"
      align="center">
  <font color="#0000ff" size="12pt">
	<b>setDate() Example</b>
  </font>
 </div>
<center>
Insert any date between 1 to 31 to set
<input type="text" id="dateValue" /><br>
<input type="button" value="Set date"
                  onClick="return setDateOfMonth();"/>
</center>
</body>
</html>

Output of example :

Suppose we want to set the current date with the date value "14". Insert value 14 into text box and click on the button "Set date".

You can see that we have set the date from Feb 06 to Feb 14 which is highlighted in the output.

You can also download the full source code from the following link :

Download Source Code

     

Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: February 7, 2009

Related Tutorials

Discuss: JavaScript setDate method  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0
DMCA.com