JavaScript에서 현재 날짜와 시간을 가져오려면 Date 객체를 사용하면 됩니다. Date 객체는 자바스크립트에 기본으로 내장되어 있어 별도의 라이브러리 없이도 코드 한 줄로 현재 시스템의 날짜와 시간 정보를 손쉽게 확인할 수 있습니다.
기본 사용 예제
아래 코드를 실행하면 현재 날짜와 시간이 화면에 표시됩니다.
<!DOCTYPE html>
<html>
<body>
<p id="currentDate"></p>
<script>
document.getElementById("currentDate").innerHTML = Date();
</script>
</body>
</html>
Date()를 호출하면 요일, 연도, 월, 일, 시간, 타임존까지 포함된 전체 문자열이 그대로 반환됩니다. 간단한 표시용으로는 충분하지만, 원하는 형식으로 가공하려면 개별 메서드를 사용하는 것이 좋습니다.
Date 객체 메서드로 세부 정보 추출하기
new Date() 생성자로 생성한 인스턴스에서는 연도, 월, 일, 시, 분, 초를 각각 따로 얻을 수 있습니다.
const now = new Date();
const year = now.getFullYear(); // 연도
const month = now.getMonth() + 1; // 월 (0부터 시작하므로 +1 필요)
const date = now.getDate(); // 일
const hours = now.getHours(); // 시
const minutes = now.getMinutes(); // 분
const seconds = now.getSeconds(); // 초
console.log(`${year}-${month}-${date} ${hours}:${minutes}:${seconds}`);
특히 getMonth()는 0(1월)부터 11(12월)까지의 값을 반환하므로, 실제 월을 표시할 때는 반드시 1을 더해야 한다는 점에 유의하세요. 이처럼 Date 객체의 다양한 메서드를 조합하면 원하는 형식의 날짜·시간 문자열을 자유롭게 만들 수 있습니다.