JavaScript에서 현재 날짜와 시간을 얻으려면 Date 객체를 사용하면 됩니다. new Date() 생성자를 호출하면 현재 시점의 날짜와 시간 정보가 담긴 객체가 생성되며, 이를 그대로 출력하거나 다양한 메서드로 원하는 형식으로 가공할 수 있습니다.
기본 예제
아래 코드는 버튼을 클릭하면 현재 날짜와 시간을 화면에 표시하는 간단한 예제입니다.
<!DOCTYPE html>
<html>
<body>
<p>오늘의 날짜와 시간</p>
<button onclick="myFunction()">날짜 및 시간 가져오기</button>
<p id="test"></p>
<script>
function myFunction() {
var date = new Date();
document.getElementById("test").innerHTML = date;
}
</script>
</body>
</html>Date 객체의 주요 메서드
Date 객체에서 제공하는 대표적인 메서드를 활용하면 날짜와 시간을 세부적으로 추출할 수 있습니다.
- getFullYear() – 연도를 4자리 숫자로 반환합니다.
- getMonth() – 월을 반환합니다. (0부터 시작하므로 실제 월은 반환값 + 1)
- getDate() – 일(날짜)을 반환합니다.
- getDay() – 요일을 숫자로 반환합니다. (0 = 일요일)
- getHours(), getMinutes(), getSeconds() – 시, 분, 초를 각각 반환합니다.
원하는 형식으로 날짜 표시하기
위 메서드들을 조합하면 보기 좋은 형식으로 날짜를 출력할 수 있습니다.
var now = new Date(); var formatted = now.getFullYear() + "년 " + (now.getMonth() + 1) + "월 " + now.getDate() + "일 "; formatted += now.getHours() + "시 " + now.getMinutes() + "분 " + now.getSeconds() + "초"; console.log(formatted); // 예: 2024년 6월 15일 14시 30분 45초
참고 사항
현지화된 형식이 필요하다면 toLocaleString(), toLocaleDateString(), toLocaleTimeString() 메서드를 사용하는 것도 좋은 방법입니다. 브라우저 설정에 따라 자동으로 해당 지역의 날짜·시간 형식으로 변환해 줍니다.