Programming language/Javascript,jQuery

[Javascript]현재 날짜 구하기

자바스크립트에서는 현재 날짜를 구하는 함수를 제공한다.

new Date()

Date 객체는 생성자로 호출해 사용해야 한다.

생성자를 만든 후 찍어보면 아래와 같이 나온다.

1
2
var dt = new Date();
alert(dt);
cs

이 생성자 함수를 이용해 현재 날짜를 얻을 수 있다.

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
<%@ page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>::::</title>
 
<script type="text/javascript">
window.onload = function(){
    var dt = new Date();
    var Year = dt.getFullYear();        
    var Month = "" + (dt.getMonth()+1);
    var Day = "" + dt.getDate();            
    
    if(Month.length < 2) Month = "0" + Month;
    if(Day.length < 2) Day = "0" + Day;
    
    var Today = Year.toString() + Month + Day;
    
    document.getElementById("TODAY").value = Today;
} 
</script>
</head>
<body>
현재?? : <input type="text" id="TODAY" value="">
</body>
</html>
Colored by Color Scripter
cs

<결과>

    var Month = "" + (dt.getMonth()+1);
    var Day = "" + dt.getDate();            
    
    if(Month.length < 2) Month = "0" + Month;
    if(Day.length < 2) Day = "0" + Day;

12 ~ 16 라인 : getMonth()+1을 해준 이유는 기본적으로 0부터 날짜 시작이 이루어지기 때문이다. (1월은 0, 12월은 11)

앞에 "" 를 붙인 이유는 날짜를 YYYYMMDD 형식으로 뽑기 위해서이다. ""를 붙여 문자열로 만든 후 length 함수로 해당 문자열의 길이를 비교한다. 

2월은 " 2" 와 같이 앞에 공백을 포함한 길이가 1이 되므로 "02" 로 수정한다.

기본적으로 날짜를 구하는 메소드는 다음과 같다.

getFullYear() : 년도를 4자리 숫자 형식의 현지 시각 또는 국제시로 반환한다.

getMonth() : 월(月)을 현지 시각 또는 국제 표준시로 반환하는데 이 때 1월은 0, 12월은 11로 0 ~ 11까지 정수로 표현한다.

getDate() : 일(日)을 현지 시각 또는 국제 표준시로 반환한다. 1부터 31사이의 정수로 표현한다.

이외에도 시간을 표현하는 메소드들도 있다.

getHours() : 시를 현지 시각 또는 국제 표준시로 반환한다.

getMinutes() : 분을 현지 시각 또는 국제 표준시로 반환한다.

getSeconds() : 초를 현지 시각 또는 국제 표준시로 반환한다.

+피드백은 언제나 환영입니다 :)

저작자표시 비영리 변경금지

'Programming language > Javascript,jQuery' 카테고리의 다른 글

[Javascript]날짜 비교 (0)	2019.03.22
[Javascript]문자열 날짜로 변환 (0)	2019.03.22
[jQuery]체크박스 체크하기 (0)	2018.11.27
[jQuery]체크박스 체크여부 (0)	2018.11.22
[Javascript]브라우저 체크하기 (2)	2018.10.29

Contents

새소식

[Javascript]현재 날짜 구하기

'Programming language > Javascript,jQuery' 카테고리의 다른 글

연관 포스팅

티스토리툴바