[JavaScript] JavaScript Date(날짜) 객체 사용하기

안녕하세요.

 

오늘은 JavaScript 에서 날짜를 표현할 때 사용하는 Date 객체 사용하는 방법에 대해서 알아보려고 합니다.

 

JavaScript에서 제공해주는 날짜와 시간 값의 범위는 아래와 같습니다.

 

1.

2.

3.

4.

5.

6.

 

위와 같이 년, , , , , 초 이렇게 크게 6가지의 범위로 날짜와 시간을 표시할 수 있는데요.

 

그럼 바로 예제 코드를 통해서 어떻게 JavaScript에서 날짜와 시간을 Date 객체를 통해서 어떻게 표시하는지 보여드리도록 하겠습니다.

 

예제 코드
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<html>
    <head>
        <title>HTML 제목 - 범범조조</title>
        <meta charset="utf-8">
 
        <style>
            h1{
                color: blue;
                background-color: burlywood;
            }
 
            h2{
                color: red;
            }
        </style>
    </head>
 
    <body>
        <h1>Date 객체</h1>
 
        <script>
            var date = new Date(); //Date 객체 생성
            document.write(date + "<br>");
 
            document.write(new Date(70000+ "<br>");
            document.write(new Date(2012 ,9+ "<br>");
        </script>
        <br/>
 
        <h2>날짜 양식</h2>
 
        <script>
            document.write(new Date("2020-12-09T14:20:00"+ "<br>");
            document.write(new Date("2020-12-09"+ "<br>");
            document.write(new Date("2020-12"+ "<br>");
            document.write(new Date("2020"+ "<br>");
        </script>
        <br/>
 
        
    </body>
</html>
cs

 

실행 결과

위와 같이 여러가지 방법으로 Date 객체를 이용하여 날짜 및 시간을 표현해 보았습니다.

 

감사합니다.

728x90

이 글을 공유하기

댓글

Designed by JB FACTORY