[js] 현재 날짜, 시간 가져오기(ft. 월, 일, 요일, 시간)

자바스크립트 현재 날짜 구하기

 

자바스크립트를 이용한

날짜 출력 방법입니다. 

 

현재 날짜, 시간 구하기

let now = new Date();  // 현재 날짜 및 시간

 

연도 구하기

let year = now.getFullYear();

 

월 구하기

let todayMonth = now.getMonth() + 1;

 

일 구하기 

 let todayDate = now.getDate();

 

요일 구하기

getDay()는 숫자로 출력됩니다. 화요일의 경우, 2로 나오기 때문에, 숫자를 이용하여, 요일을 출력해야 합니다. 

const week = ['일', '월', '화', '수', '목', '금', '토'];
let dayOfWeek = week[now.getDay()];

 

시간 구하기

let hours = now.getHours();

 

분 구하기

let minutes = now.getMinutes();

 

초 구하기

let seconds = now.getSeconds();

 

전체 날짜 요약 한번에 구하기

const todayTime = () => {
 let now = new Date();  // 현재 날짜 및 시간
 let todayMonth = now.getMonth() + 1;
 let todayDate = now.getDate()
 const week = ['일', '월', '화', '수', '목', '금', '토'];
 let dayOfWeek = week[now.getDay()];
 let hours = now.getHours()
 let minutes = now.getMinutes();

 return todayMonth + '월 ' + todayDate + '일 ' + dayOfWeek + '요일 ' 
 + hours + '시 ' + minutes + '분';
}

 

결과

 

react - 전체 날짜 요약 한번에 구하기

import React from 'react';

const Sidebar = () => {
    const todayTime = () => {
        let now = new Date();  // 현재 날짜 및 시간
        let todayYear = now.getFullYear(); 
        let todayMonth = now.getMonth() + 1;
        let todayDate = now.getDate();
        const week = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'];
        let dayOfWeek = week[now.getDay()];
        let hours = now.getHours();
        let minutes = now.getMinutes();

        return todayYear + '.' + todayMonth + '.' + todayDate + dayOfWeek 
        + hours + ' : ' + minutes;
    }


    return (
            <div>{todayTime().slice(0, 9)}
              <span>{todayTime().slice(9, 12)}</span>
              <span>{todayTime().slice(12, 19)}</span>
            </div>
    );
};

export default Sidebar;

 

결과

 

현재 날짜 구하기

export const todayFormal = () => { //현재 년/월/일
    let now = new Date();
    let todayYear = now.getFullYear();
    let todayMonth = (now.getMonth() + 1) > 9 ? (now.getMonth() + 1) : '0' + (now.getMonth() + 1);
    let todayDate = now.getDate() > 9 ? now.getDate() : '0' + now.getDate();
    return todayYear + '-' + todayMonth + '-' + todayDate;
}

 

현재 년/월/일/시간 구하기

export const todayTimeFormal = () => { //현재 년/월/일/시간
    let now = new Date();
    let todayYear = now.getFullYear();
    let todayMonth = (now.getMonth() + 1) > 9 ? (now.getMonth() + 1) : '0' + (now.getMonth() + 1);
    let todayDate = now.getDate() > 9 ? now.getDate() : '0' + now.getDate();
    let hours = now.getHours() > 9 ? now.getHours() : '0' + now.getHours();
    let minutes = now.getMinutes() > 9 ? now.getMinutes() : '0' + now.getMinutes();
    return todayYear + '-' + todayMonth + '-' + todayDate + ' ' + hours + ':' + minutes;
}