Working with the Date Object

Modern JavaScript Learn JavaScript Fundamentals
6 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€94.79
List Price:  €132.71
You save:  €37.92
£78.97
List Price:  £110.56
You save:  £31.59
CA$139.89
List Price:  CA$195.85
You save:  CA$55.96
A$153.73
List Price:  A$215.23
You save:  A$61.50
S$134.32
List Price:  S$188.05
You save:  S$53.73
HK$778.26
List Price:  HK$1,089.59
You save:  HK$311.33
CHF 88.57
List Price:  CHF 124
You save:  CHF 35.43
NOK kr1,105.08
List Price:  NOK kr1,547.16
You save:  NOK kr442.07
DKK kr706.99
List Price:  DKK kr989.82
You save:  DKK kr282.82
NZ$170.06
List Price:  NZ$238.10
You save:  NZ$68.03
د.إ367.26
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,906.24
List Price:  ৳16,669.22
You save:  ৳4,762.97
₹8,436.24
List Price:  ₹11,811.08
You save:  ₹3,374.83
RM447.10
List Price:  RM625.96
You save:  RM178.86
₦167,464.25
List Price:  ₦234,456.65
You save:  ₦66,992.40
₨27,687.73
List Price:  ₨38,763.93
You save:  ₨11,076.20
฿3,470.35
List Price:  ฿4,858.63
You save:  ฿1,388.28
₺3,445.98
List Price:  ₺4,824.51
You save:  ₺1,378.53
B$578.68
List Price:  B$810.17
You save:  B$231.49
R1,810.53
List Price:  R2,534.81
You save:  R724.28
Лв185.34
List Price:  Лв259.49
You save:  Лв74.14
₩139,691.42
List Price:  ₩195,573.58
You save:  ₩55,882.15
₪373.67
List Price:  ₪523.15
You save:  ₪149.48
₱5,901.36
List Price:  ₱8,262.14
You save:  ₱2,360.78
¥15,574.86
List Price:  ¥21,805.43
You save:  ¥6,230.57
MX$2,020.46
List Price:  MX$2,828.72
You save:  MX$808.26
QR363.35
List Price:  QR508.71
You save:  QR145.35
P1,355.53
List Price:  P1,897.79
You save:  P542.26
KSh12,948.70
List Price:  KSh18,128.70
You save:  KSh5,180
E£4,969.50
List Price:  E£6,957.50
You save:  E£1,988
ብር12,262.61
List Price:  ብር17,168.15
You save:  ብር4,905.53
Kz91,256.94
List Price:  Kz127,763.36
You save:  Kz36,506.42
CLP$97,119.28
List Price:  CLP$135,970.88
You save:  CLP$38,851.60
CN¥724.58
List Price:  CN¥1,014.45
You save:  CN¥289.86
RD$6,000.34
List Price:  RD$8,400.72
You save:  RD$2,400.37
DA13,341.73
List Price:  DA18,678.95
You save:  DA5,337.22
FJ$227.04
List Price:  FJ$317.87
You save:  FJ$90.82
Q769.16
List Price:  Q1,076.85
You save:  Q307.69
GY$20,834.51
List Price:  GY$29,169.15
You save:  GY$8,334.63
ISK kr13,772.62
List Price:  ISK kr19,282.22
You save:  ISK kr5,509.60
DH995.44
List Price:  DH1,393.66
You save:  DH398.21
L1,819.82
List Price:  L2,547.83
You save:  L728
ден5,825.40
List Price:  ден8,155.79
You save:  ден2,330.39
MOP$798.74
List Price:  MOP$1,118.27
You save:  MOP$319.52
N$1,801.35
List Price:  N$2,521.97
You save:  N$720.61
C$3,666.61
List Price:  C$5,133.40
You save:  C$1,466.79
रु13,462.23
List Price:  रु18,847.67
You save:  रु5,385.43
S/378.10
List Price:  S/529.35
You save:  S/151.25
K400.90
List Price:  K561.28
You save:  K160.37
SAR375.38
List Price:  SAR525.55
You save:  SAR150.16
ZK2,752.36
List Price:  ZK3,853.42
You save:  ZK1,101.05
L471.69
List Price:  L660.38
You save:  L188.69
Kč2,395.79
List Price:  Kč3,354.20
You save:  Kč958.41
Ft38,840.72
List Price:  Ft54,378.57
You save:  Ft15,537.84
SEK kr1,099.74
List Price:  SEK kr1,539.68
You save:  SEK kr439.94
ARS$100,165.56
List Price:  ARS$140,235.79
You save:  ARS$40,070.23
Bs690.96
List Price:  Bs967.37
You save:  Bs276.41
COP$440,690.82
List Price:  COP$616,984.78
You save:  COP$176,293.95
₡50,645.88
List Price:  ₡70,906.26
You save:  ₡20,260.37
L2,517.41
List Price:  L3,524.47
You save:  L1,007.06
₲775,966.15
List Price:  ₲1,086,383.66
You save:  ₲310,417.50
$U4,274.58
List Price:  $U5,984.58
You save:  $U1,710
zł411.21
List Price:  zł575.71
You save:  zł164.50
Already have an account? Log In

Transcript

Working with dates can be a common practice in certain JavaScript projects. In order to work with a date, you must first create a date object. And that is done using the date constructor in JavaScript. Let's take a look at that. So I'm going to open up the console. I'm going to create a variable date, and set that equal to new date with parentheses.

This will create a date object and place it in the date variable. This is the date constructor whenever you're creating an object from a constructor requires the use of the new keyword. Anytime you use the new new keyword, it creates an object and in this case, we're placing that object in a variable named date so we can reference it. Also notice that the date constructor uses an uppercase D. Remember JavaScript is a case sensitive language. Therefore, in order for this to work, you must use uppercase d a t. When you're referencing the date constructor to create a new date object, that's a pattern that JavaScript follows with constructors. Go ahead and press return.

Now I entered date to see what we have. So it displays the date and the time. So now I have a date object that contains the date and time of when I created that object. Now a date object comes with a number of other methods we can use if we want to. For example, if I wanted to display just the month I would use the get month method. Notice this date object group First to July, yet it's returning six.

That's because the month in a data object is zero based, meaning it starts counting at zero, it does not count as one. That's a common practice in a lot of programming languages and month uses that particular practice. So January is zero, July is six. Another method I could use, this is the day of the week. This is also zero based. So zero is Sunday, Monday is one Tuesdays two and Wednesday is three, so therefore, this returns a three.

Now notice when I enter the date object, and then I enter the dot for the dot notation, a number of methods show up. If I then begin typing up Part of that method, it narrows it down. This will allow you to see all the different methods that are available with the date object. I'm going to enter one get time that I want to show you. This may return something that might surprise you. When I press return, returns a very large number.

That's probably not what you expected, you probably expected it to return the time in a format that we could read. Well, what the get time method returns is actually the number of milliseconds between this date, the date represented by the state object, and January 1 1970, at midnight. That's the number of milliseconds now why would that be useful? Now this is actually a method that I've used multiple times and let me give An example of why you might want to use it if you want. If you need to determine the amount of time that has elapsed between two events, you can use the get time method to do that. For example, let me create a new date variable and set it equal to a date object.

We now have two data objects date and date to. So now let's see what the difference between those two are. So if I subtract the second get time, or the get time from the first date object from the second date object. It will give me the span of time that has elapsed between those two dates. So to 235,018 milliseconds has elapsed. So let's modify this statement just a bit so we can see how many seconds have elapsed.

So I'm using the up arrow key to bring that statement back. I'm going to divide it by 1000. But remember, there is a precedence of opera operations within JavaScript. And so we want the subtraction to occur first. So I need to put parentheses around that. Once I have the parentheses there, press return.

That's the number of seconds that elapsed between those two. Those two date objects, the time those two were, were created. Now let's determine how many how many minutes go up arrow again. I'm going to divide that by 60. So almost four minutes, 3.91 and so on. That's how many minutes have elapsed.

So that gives you an example of working with data objects and how they might be useful. Sometimes you may simply need to get the date and display information from the date. Sometimes you may need to use the get time method, so that you can determine how much time is elapsed between events.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.