팀프로젝트 진행중 크루전날짜에 맞춰 종료/진행전/진행중 버튼을 생성해야 해서 날짜를 비교해야했다.
이에 JavaScript에서 현재 날짜를 비교할 수 있는 메서드를 사용할 수 있다고 하여 사용해보았다.
현재 날짜 + 시간
var today = new Date();
이때 date 메서드를 사용하면 현재 내 시스템의 날짜를 가져와서 출력하기 때문에
date 정보 : [Thu Oct 17 2024 23:10:55 GMT+0900 (한국 표준시)] 로 출력된다.
이에 사용하기 위해서는 YYYY-MM-DD 날짜 포멧을 수정해야한다.
function today() {
var date = new Date();
console.log('today log : ['+date+']')
return date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + date.getDate()).slice(-2);
}
찾아보니 date 메서드는 날짜와 월,일을 모두 받아서 날짜 형식을 맞춰야한다.
코드를 간단하게 설명하면
getFullYear에 경우 현재 년도 Ex) 2024 를 반환합니다.
getMonth에 경우 현재 월이 아닌 0~11 값을 반환해주기 때문에 앞에 0을 붙이고 +1을 해주어야한다.
이때 앞에 0을 붙이기 때문에 10~12 월 까지의 날짜는 뒤에 두자리만 사용하기 위해
slice(-2) 메서드를 사용하여 뒷 두자리만 사용합니다.
getDate에 뒤 두자리만 사용하여 일을 가져옵니다.
이상 Date 메서드에 대해 알아봤습니다.
728x90
'팀 프로젝트' 카테고리의 다른 글
[Spring] CKEditor 비동기 이미지 저장 (0) | 2024.10.22 |
---|---|
외부 JS 제작(SweetAlert , chart) (0) | 2024.10.19 |
최종 프로젝트 와이어 프레임 (0) | 2024.10.12 |
팀프로젝트 발표 내용 정리 (1) | 2024.09.28 |
중간 프로젝트 기능 발표를 위한 PPT 작업 (0) | 2024.09.25 |