Sams Teach Yourself JavaScript in 24 Hours

By Michael Moncur

• Table of Contents
  • Copyright
  • About the Author
  • Acknowledgments
  • We Want to Hear from You!
  • Reader Services
  • Introduction
  • Part I: Getting Started
  • Hour 1. Understanding JavaScript
  • Hour 2. Creating a Simple Script
  • Hour 3. How JavaScript Programs Work
  • Part II: Learning JavaScript Basics
  • Hour 4. Using Functions and Variables
  • Hour 5. Using Strings and Arrays
  • Hour 6. Testing and Comparing Values
  • Hour 7. Repeating Yourself: Using Loops
  • Hour 8. Using Math and Date Functions
    • What Is an Object?
    • The Math Object
    • Working with Dates
    • Workshop: Working with the Math Object
    • Summary
    • Q&A
    • Quiz
    • Exercises
  • Part III: The Document Object Model (DOM)
  • Hour 9. Working with the Document Object Model
  • Hour 10. Responding to Events
  • Hour 11. Using Windows and Frames
  • Hour 12. Getting Data with Forms
  • Hour 13. Using Graphics and Animation
  • Part IV: Moving on to Advanced JavaScript Features
  • Hour 14. Creating Cross-Browser Scripts
  • Hour 15. Creating Custom Objects
  • Hour 16. Working with Sounds and Plug-Ins
  • Hour 17. Debugging JavaScript Applications
  • Part V: Working with Dynamic HTML (DHTML)
  • Hour 18. Working with Style Sheets
  • Hour 19. Using Dynamic HTML (DHTML)
  • Hour 20. Using Advanced DOM Features
  • Part VI: Putting It All Together
  • Hour 21. Improving a Web Page with JavaScript
  • Hour 22. Creating a JavaScript Game
  • Hour 23. Creating DHTML Applications
  • Hour 24. JavaScript Tips and Tricks
  • Part VII: Appendices
  • Appendix A. Other JavaScript Resources
  • Appendix B. Tools for JavaScript Developers
  • Appendix C. Glossary
  • Appendix D. JavaScript Quick Reference
  • Appendix E. DOM Quick Reference

Working with Dates

The Date object is a built-in JavaScript object that enables you to conveniently work with dates and times. You can create a Date object anytime you need to store a date, and use the Date object's methods to work with the date.

You encountered one example of a Date object in Hour 2, "Creating a Simple Script," with the time/date script. The Date object has no properties. To set or obtain values from a Date object, you must use the methods described in the next section.

Creating a Date Object

You can create a Date object using the new keyword. You can also optionally specify the date to store in the object when you create it. You can use any of the following formats:

birthday = new Date();
birthday = new Date("June 20, 2003 08:00:00");
birthday = new Date(6, 20, 2003);
birthday = new Date(6, 20, 2003, 8, 0, 0);

You can choose any of these formats, depending on which values you wish to set. If you use no parameters, as in the first example, the current date is stored in the object. You can then set the values using the set methods, described in the next section.

Setting Date Values

A variety of set methods enable you to set components of a Date object to values:

• setDate() sets the day of the month.
• setMonth()sets the month. JavaScript numbers the months from 0 to 11, starting with January (0).
• setFullYear()sets the year.
• setTime()sets the time (and the date) by specifying the number of milliseconds since January 1, 1970.
• setHours(), setMinutes(), and setSeconds() set the time.

As an example, the following statement sets the year of a Date object called holiday to 2003:

holiday.setFullYear(2003);

Getting Date Values

You can use the get methods to get values from a Date object. This is the only way to obtain these values, because they are not available as properties. Here are the available get methods for dates:

• getDate() gets the day of the month.
• getMonth()gets the month.
• getFullYear()gets the year.
• getTime()gets the time (and the date) as the number of milliseconds since January 1, 1970.
• getHours(), getMinutes(),getSeconds(), and getMilliseconds() get the components of the time.

Working with Time Zones

Finally, a few functions are available to help your Date objects work with local time values and time zones:

• getTimeZoneOffset() gives you the local time zone's offset from GMT (Greenwich Mean Time, also known as UTC). In this case, local refers to the location of the browser. (Of course, this only works if the user has set their system clock accurately.)
• toUTCString()converts the date object's time value to text, using UTC. This method was introduced in JavaScript 1.2 to replace the toGMTString method, which still works but should be avoided.
• toLocalString()converts the date object's time value to text, using local time.

Along with these basic functions, JavaScript 1.2 and later include UTC versions of several of the functions described above. These are identical to the regular commands, but work with UTC instead of local time:

• getUTCDate() gets the day of the month in UTC time.
• getUTCDay()gets the day of the week in UTC time.
• getUTCFullYear()gets the four-digit year in UTC time.
• getUTCMonth()returns the month of the year in UTC time.
• getUTCHours(), getUTCMinutes(), getUTCSeconds(), and getUTCMilliseconds() return the components of the time in UTC.
• setUTCDate(), setUTCFullYear(), setUTCMonth(), setUTCHours(), setUTCMinutes(), setUTCSeconds() and setUTCMilliseconds() set the time in UTC.

Converting Between Date Formats

Two special methods of the Date object allow you to convert between date formats. Instead of using these methods with a Date object you created, you use them with the built-in object Date itself. These include the following:

• Date.parse() converts a date string, such as June 20, 1996 to a Date object (number of milliseconds since 1/1/1970).
• Date.UTC()does the opposite. It converts a Date object value (number of milliseconds) to a UTC (GMT) time.

Share This