Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 28 | 29 | 30 |
Tags
- array
- eGov
- 함수
- 정의
- 오류
- TO_DATE
- jsp
- javascript
- POI
- Java
- spring
- was
- Ajax
- jQuery
- json
- html
- sql
- 개념
- Oracle
- controller
- CSS
- web.xml
- JVM
- input
- 과정평가형
- select
- eGovFramework
- mybatis
- 태그
- 암호화
Archives
- Today
- Total
web developer
[javaScript] 3개월 전 날짜 구하기 / Date 객체의 프로토타입 메서드 확장 본문
728x90
728x90
Date 객체의 모든 인스턴스에서 사용할 수 있는 새로운 메서드 yyyymmdd를 정의해보았다.
Date.prototype.yyyymmdd = function(month) {
// 현재 날짜에서 month를 뺀 새로운 날짜 생성
let date = new Date(this);
date.setMonth(date.getMonth() - month);
// 년, 월, 일 값을 가져와서 두 자리 형식으로 변환
let yyyy = date.getFullYear().toString();
let mm = (date.getMonth() + 1).toString().padStart(2, '0');
let dd = date.getDate().toString().padStart(2, '0');
// yyyy-mm-dd 형식으로 반환
return `${yyyy}-${mm}-${dd}`;
}
// 예시 사용
let date = new Date('2024-05-31');
console.log(date.yyyymmdd(3)); // 2024년 5월 31일에서 3개월 전의 날짜 출력
2024-03-02
- 2024년 5월 31일에서 3개월 전을 계산하면 3월 2일이 나오는 이유는 Date 객체의 동작 방식 때문입니다.
- 5월 31일에서 3개월을 빼면 2월 31일이 되지만, 2월에는 31일이 없으므로, JavaScript는 자동으로 다음 달인 3월 2일로 조정합니다
이를 해결하기 위해서는 날짜를 직접 조정하는 대신, Date 객체의 자동 조정 기능을 활용하여 적절한 결과를 얻을 수 있도록 코드를 약간 수정할 필요가 있습니다. 다음은 이를 해결한 코드입니다:
Date.prototype.yyyymmdd = function(month) {
// 현재 날짜에서 month를 뺀 새로운 날짜 생성
let date = new Date(this);
// 현재 날짜의 일 저장
let day = date.getDate();
// 월을 조정
date.setMonth(date.getMonth() - month);
// 일 조정: 원래 날짜가 조정된 월의 마지막 날보다 크다면
if (date.getDate() < day) {
date.setDate(0); // 해당 월의 마지막 날로 설정
}
// 년, 월, 일 값을 가져와서 두 자리 형식으로 변환
let yyyy = date.getFullYear().toString();
let mm = (date.getMonth() + 1).toString().padStart(2, '0');
let dd = date.getDate().toString().padStart(2, '0');
// yyyy-mm-dd 형식으로 반환
return `${yyyy}-${mm}-${dd}`;
}
// 예시 사용
let date = new Date('2024-05-31');
console.log(date.yyyymmdd(3)); // 2024년 5월 31일에서 3개월 전의 날짜 출력
2024-02-29
728x90
728x90
'JavaScript' 카테고리의 다른 글
[jquery] Select 박스에서 '직접 입력' 옵션으로 입력란 토글하기: 표시와 숨김 기능 구현 (0) | 2024.07.24 |
---|---|
[javaScript] 절대 좌표, 상대 좌표 구하기 [스크롤, 마우스 이벤트] (2) | 2024.03.18 |
[javaScript ]JavaScript에서 0 == ""가 true인 이유는 무엇입니까? (2) | 2024.03.11 |
[javaScript] monthpicker jquery에서 입력받은 날짜로 '년/월' 변경하기 (0) | 2023.09.27 |
[javaScript] getDay() 활용하여 datepicker, 입력받은 날짜 수정하기 (0) | 2023.09.21 |