[JavaScript] JavaScript Date(날짜) 메서드 사용하기

안녕하세요.

 

오늘은 JavaScript 에서 기본적으로 제공해주는 Date 메서드에 대해서 알아보고 또한 소스코드로 어떻게 작성하는지도 공부해 보려고 합니다.

 

기본적으로 제공해주는 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<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>
 
        <h2> now 메서드</h2>
        <script>
            var dateNow = Date.now();
            document.write(dateNow + "<br>");
            document.write(new Date(dateNow) + "<br>");
        </script>
        <br/>
 
        <h2>getter Date 메서드</h2>
        <script>
            var date = new Date();
            document.write(date.getFullYear() + "<br>");
            document.write(date.getMonth() + " / " + date.getDate() + "<br>");
 
            var day;
            switch(date.getDay()){
                case 0:
                    day = "일";
                    break;
                case 1:
                    day = "월";
                    break;
                case 2:
                    day = "화";
                    break;
                case 3:
                    day = "수";
                    break;
                case 4:
                    day = "목";
                    break;
                case 5:
                    day = "금";
                    break;
                case 6:
                    day = "토";
                    break;
            }
            document.write(day);
        </script>
        <br/>
 
        <h2>setter 메서드</h2>
        <script>
            var date = new Date();
            date.setFullYear(2020129);
 
            document.write(date.getFullYear() + "<br>");
            document.write(date.getMonth() + "<br>");
            document.write(date.getDate() + "<br>");
            document.write(date);
        </script>
        <br/>
 
    </body>
</html>
cs

 

실행 결과

위와 같이 여러가지의 Date 메서드들을 이용하여 각종 내용들을 출력해 보았습니다.

 

감사합니다.

728x90

이 글을 공유하기

댓글

Designed by JB FACTORY