Skip to content

Latest commit

 

History

History
58 lines (46 loc) · 2.46 KB

datetime.md

File metadata and controls

58 lines (46 loc) · 2.46 KB

Date Objects| Date Time

Projected Time

About 2 hours

  • 30 minutes for video walkthrough of slides
  • 30 minutes for group discussion
  • 60 minutes for Independent Practice

Prerequisites

  • JS 1 lesson
  • JS 2 lesson

Motivation

  • The Javascript Date object is the standard way to handle dates and times (different formats, conversion, etc)

Objectives

Participants will be able to:

  • use Date() and its methods

Specific Things To Teach

  • new Date(...arguments)
  • Date.setTime()

Supplemental Materials

Lesson

Date Objects (Youtube Video)
Date Objects (slides)

Things to Remember

  • The advantage of working in milliseconds is that you are less likely to get an error from mishandling time zone conversion
  • "Month" and "Day" of the week start at 0
    • January is month 0
    • Sunday is day 0
  • Although you can work with Date() directly, Moment.js is the most popular framework to deal with all the date/time conversions.

Demonstration

Instructor demonstrates in the video walk through how to work with Date Object in JavaScript.

Independent Practice

  • Create some dates in Javascript.
    • Create your Birthday
    • Can you format/print a date in different formats?
  • Explain the "epoch time" to a friend. Why do you think "epoch time is useful?
  • Learn about other ways of working with dates
    • Look at Moment.js documentation

Challenge

  • If you add (date1 + date2) or subtract (date1 - date2) two dates in Javascript, it returns the time difference in milliseconds. Can you write a function to subtract two dates but return the time difference in minutes? What about as a date object?

Check for Understanding

  • What are the advantages of using numerical dates (milliseconds) vs. using object dates (new Date())? Talk with a partner