[JavaScript] JavaScript Date(날짜) 메서드 사용하기
- 웹 프로그래밍/JavaScript
- 2020. 12. 27. 00:00
안녕하세요.
오늘은 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(2020, 12, 9);
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
'웹 프로그래밍 > JavaScript' 카테고리의 다른 글
[JavaScript] JavaScript – Arrow Function(화살표함수) 사용 방법 (0) | 2020.12.28 |
---|---|
[JavaScript] JavaScript String(문자열) 메서드 사용하기 (0) | 2020.12.28 |
[JavaScript] JavaScript 함수 (function) – arguments 객체 (0) | 2020.12.26 |
[JavaScript] JavaScript Date(날짜) 객체 사용하기 (0) | 2020.12.26 |
[JavaScript] JavaScript Number 메서드 사용방법 (0) | 2020.12.25 |
이 글을 공유하기