Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.
Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.
Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.
Suggested Links Photoshop Tutorials
Logo Designer's Logos
Web Design Tools List
Layouts & Templates Directory
Web Design & Graphic Design Blog
Photoshop, Flash, 3D Studio Max Tutorials
Web Designers & Developers
Crafts for Kids
Photoshop Tutorial Man
Tutorial Guide -- Free Webmaster Tutorials
Design Contests
How to Draw
Work From Home Job Search
OTHER SITES WE OWN
AllFreelance
Graphic Design Resources Directory
Graphics Tutorials Directory
Social Networking Articles
Design Sites Up
All Freelance Work & Portfolios
Graphic Design Community
Education & Learning Directory
![]() |
home > Web Design Tutorials > Programming Tutorials > Javascripting Articles > Javascript Dates & Time Coding Tutorials
JavaScript Date Object
The Date object is used to work with dates and times.
Return today's date and time Example
How to use the Date() method to get today's date.
getTime() Example
Use getTime() to calculate the years since 1970.
setFullYear() Example
How to use setFullYear() to set a specific date.
toUTCString() Example
How to use toUTCString() to convert today's date (according to UTC) to a string.
getDay() Example
Use getDay() and an array to write a weekday, and not just a number.
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
Display a clock Example
How to display a clock on your web page.
JavaScript Date Object
In this tutorial you learn JavaScript Date Object…
Date and time
You probably have seen many Web sites that incorporate a clock. Before JavaScript, you had to use CGI to have the current date and time on a page. Now, creating clocks and the date is easy and can make your site look cool.
Date Object and Array Object
I think that you will find this lesson and the next to be a lot of fun. This lesson introduces you to two stand alone objects, the Date Object and the Array Object. You will learn how to extract a date and time from the Date object. The next lesson will c
Days of the week
On this page, we will deal with the Months and the Days as we use them in JavaScript.
Java scripts - Date Script
This script allows you to put the current date in a location specified by you. It is very similar to the script on the homepage which tells the date.
Dates Galore
This script displays the Day, Month, and Year; but with a certain flare. It shows on the status bar.
Dates and Times
In this primer we'll talk about seven new methods: getDay(), getDate(), getMonth(), getFullYear(), getHours(), getMinutes(), and getSeconds(). Each of these already exists and can be grabbed and placed on your Web page.
Working with Dates
JavaScript's Date object makes it easy to handle dates in JavaScript. You can use this object to store dates, convert between date formats, and retrieve the current date and time.
Basic Date Display Script
Have you been wanting to display the current date on your Web pages? There are several ways to accomplish it.
Javascript Date and Time Object
The Date object is useful when you want to display a date or use a timestamp in some sort of calculation.
The Date Object Constructor and Date Object Methods
Below is an example of dynamically generated numbers representing the day of the week, month of the year, day of the month and current year. All this information can be pulled from JavaScript's built-in Date Object using the Date Object Constructor.
Arrays and the Date Object
Rather than printing the default numeric values that the Date object's methods, getDay() and getMonth() return, the NAMES of the current day of the week and month are printed, resulting in a date string that is understood by people.
Date and Time in JavaScript
The date object is very useful for obtaining the date and time on the client. It supports various methods, which return a specific value.
The Date-object
JavaScript lets you use some predefined objects. This is for example the Date-object…
Dynamic date
This tutorial shows how to print current local time set on the browsing machine. I don't know how to use it, maybe just to catch the time difference on server.
The Date Object
The Date object handles all date and time processing for JavaScript. We talk about the Date object in detail elsewhere. For now we will just look at some basic features of the Date object, just enough to get you up and running.
Date Object
There are fours ways of instantiating a date object…
Date Display: mmddyyyy
Use this code snippet to display today's date on your web page in mm/dd/yyyy format…
Date Display: Basic
Use this code snippet to display today's date on your web page…
Date Last Modified Display
Use this code snippet to determine and display the date the document was last modified (date only).
Title Bar Date Display
Use this code snippet to display today's date on your web page TITLE BAR…
Statusbar message
You could use your status bar to display the time and date. You might also use it to display mouse-over text or a welcome message. View the source of the demo page for the source code.
Calculating the difference between two dates
Learn how to calculate the difference between two dates in JavaScript, and in the process, derive some useful applications such as counting down to a particular event, counting up, displaying what's new on your page etc.
Date Functions
Display the date a web page or file was last modified. This is useful because you can change the file and, without changing any HTML, the page displays a new date. The document object has a last modified date property.
Javascript Date Validation
In forms when asking for date fields it is a good idea to validate the date value using client side (JavaScript) validation along with your programming language validation. The following example shows how you can do this for the mm/dd/yyyy format.
OBJECT: Date
The Date object allows you to work programatically with dates and times. You create a Date object using the Date constructor as shown in the syntax above and the available parameters are as follows…
Checking a date
On this page I explain how to make sure that a date your users have filled in does in fact exist, and how to check whether it is in the past or in the future.
Last modified date
This script will give your users information on how long ago the document they're reading was last modified. In addition, it does so in a user friendly way.
JavaScript Date Object
The JavaScript Date Object can be used to work with dates and times…
JavaScript Date Object Functions
The Date object contains 17 functions. In this section you will see these 17 functions in some small examples…
RECENT ARTICLES from Graphic Design BloG
Business Cards: Ideas and Inspiration, Part II
Today we continue looking at business cards that stand out, and here’s hoping you get some inspiration and ideas! After all, you only get one first impression, so your business card should be something that showcases the best of your design abilities. On Wednesday we looked at the use of interesting shapes, 3D business cards, [...]
![]() |
![]() |
|
![]() |
![]() |
|
Making the Move from Freelance Work to Full-Time Employment
If you are like me, after graduating from a graphic design school, your goal was to make it as a freelance web designer. The lure of flexible hours, working from home and the freedom to manage your own time was too much to resist. At some point, I decided it may be ?easier? to work [...]
Tips for Asking for a Raise
At some point in our careers, there is a time when we open our paychecks and breathe a sigh of disappointment. After years of studying at a graphic design school and countless hours spent devoted to learning from colleagues and researching new design techniques, the numbers on our pay stub just don?t seem to measure [...]
Stock vs. Original Digital Photography
A picture is worth a thousand words. Graphic design schools teach us that photos on web sites have the potential to capture our attention, motivate us to read more or even propel us to navigate to another web site entirely. They inflict emotion and can establish a connection between site visitors and the goods or [...]
3 Tips to Manage Content Updates
While walking through the pharmacy I passed the aisle filled with red heart-shaped boxes filled with chocolates and remembered Valentine?s Day is quickly approaching. Even though I was surrounded by so many representations of love, it reminded me of one thing that I actually despise ? web content updates! Graphic design schools teach many, many [...]
Should You Drop the Drop-Down Menus?
I was recently on a home improvement web site searching for ideas for renovating my bathroom. After a few minutes on the site I realized that I was not going to find what I was looking for ? it certainly could have been there, but I just could not find it. Menu after menu had me [...]
Sharpen Your Skills and Gain an Edge at 2011 Web Design Conferences
Graphic design schools prepare us well for our immediate future, but it takes effort to stay on top of the ever-changing field of web design. Following are a few of the upcoming conferences and trade shows meant to help you stay a step ahead of the competition.
Interaction Eleven In its fourth year, Interaction Eleven is [...]
All Web Design Resources is a Directory & Blog Full of Tools for Web Site Designers
All Web Design Resources Portal is a Web Site Design education directory with resources & articles for Graphic Designers, Web Developers, & Web Designers including a Web Design forum, blog, graphics software tips, web development resources, web programming tools, web design jobs, advice for new web designers about web design schools and education as
well as tips for freelance web design business owners, and much more.