Web Hosting Offers
See the new scripts recently added to Dynamic Drive. Click here.
Original, practical CSS codes and examples such as CSS menus for your site.
javascript tutorial Browse Advanced JavaScript Tutorial
Browse JavaScript Script resources
Browse JavaScript FAQS
JavaScript Tutorial: Browse
javascript tutorial
Buy templates
Home >> Tutorials >> Basic Javascript Tutorials

Javascript Date and Time Object

The Date object is used to work with dates and times. In java you can either make a Date object by supplying the date of your choice, or you can let Javascript create a Date object based on your visitor's system clock. It is usually best to let Javascript simply use the system clock. We define a Date object with the new keyword.

To warm up our Javascript Date object skills, let's see how to create todays date. First define a Date object.If you do not supply any arguments to the Date constructor (this makes the Date object) then it will create a Date object based on the visitor's internal clock.

The following code line defines a Date object called myDate:

var myDate=new Date()

When creating a Date object based on the computer's (not web server's!) internal clock, it is important to note that if someone's clock is off by a few hours or they are in a different time zone, then the Date object will create a different time than the one created with your own computer.

Javascript Date Today

The Date object has been created and now we have a variable that holds the current date. To get the information we need to print out the date we have to utilize some or all of the following functions:

  • getTime() - Number of milliseconds since 1/1/1970 @ 12:00 AM
  • getSeconds() - Number of seconds (0-59)
  • getMinutes() - Number of minutes (0-59)
  • getHours() - Number of hours (0-23)
  • getDay() - Day of the week(0-6). 0 = Sunday, ... , 6 = Saturday
  • getDate() - Day of the month (0-31)
  • getMonth() - Number of month (0-11)
  • getFullYear() - The four digit year (1970-9999)

Now we can print out the date information. We will be using the getDate, getMonth, and getFullYear methods in this example.

HTML & Javascript Code:

 <h4>It is now <script type="text/javascript"> 
<!-- var currentTime = new Date() var month = currentTime.getMonth() 
+ 1 var day = currentTime.getDate() var year = currentTime.getFullYear() 
document.write(month + "/" + day + "/" + year) //--> </script> </h4> 

Display:

It is now


Page contents: itechies.net - Learn how to use dates and time using javascript.
javascript tutorial
javascript book
Buy this book