메뉴 건너뛰기

조회 수 1552 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

Date() 함수를 이용한 날짜 계산에서 발생하는 말일자 문제

월의 마지막 날짜에 1개월을 더하거나 뺐을 때 위와 같은 문제가 발생하였습니다.

[ 참조 : [Javascript] 날짜 계산하기 (년/월/일 더하기, 빼기) ]

 

아마 대부분 이런 경우,

1월 31일 + 1개월을 계산하면

2월의 말일자인 2월 28일(또는 2월 29일, 윤달인 경우)이 나오는 것을 기대할 것입니다.

그렇지만, 위와 같이 계산하면 Javascript에서는

1월 31+1개월 = 2월 31일이라고 계산하게 되고,

실제로 2월 31일은 존재하지 않으므로,

2월의 마지막 날짜인 2월 28일로부터 3일 후의 날짜(31-28 = 3)를 적용하여,

3월 3일이라고 표현하게 됩니다.

 

 

 

 

 

날짜 계산(Date)에서 마지막 날짜/윤달/윤년 처리하기

위 문제를 해결하고, 우리가 원하는 답인 2월 28일을 얻기 위해서는 별도로 로직을 구현해야 합니다.

먼저, 기준이 되는 달(1월 31일),

여기서는 1월 31일로부터 "1달 후의 첫번째 날짜(2월 1일)"와 "마지막 날짜(2월 28일)"을 계산하였습니다.

특정 달의 마지막 일자를 계산하는 방법은 지난 포스팅을 참조하세요.

[ 참조 : [Javascript] 월의 마지막 날 계산하기 ]

 

이 방법을 응용해서 말일자를 체크하는 함수를 작성하고,

이 함수를 사용해서 날짜를 계산하도록 하겠습니다.

 

코드를 살펴보면,

말일자 처리를 위해서 addMonth(date, month)라는 함수를 만들었습니다.

이 함수는 date(기준일자)와 month(더해질 개월수)를 파라미터로 받습니다.

 

  1. 기준일자에 month만큼 더한 월의 첫 번째 날짜를 구합니다. (addMonthFirstDate)
  2. month만큼 더한 월의 마지막 날짜도 구합니다. (addMonthLastDate)
  3. 리턴 값(result) 변수를 선언하고, 1에서 계산한 값을 할당해줍니다.
  4. 파라미터로 받은 기준일자의 날짜와 2에서 구한 날짜의 date값(즉, 2자리 일자)을 비교하여 작은 값을 리턴 값의 date값으로 할당해줍니다.
    즉, MIN(기준일자의 날짜 중 date 값, 2에서 구한 날짜의 date 값)을 3에서 만든 리턴값의 date값으로 할당해줍니다.
  5. 마지막으로, addMonth() 함수를 호출해서 테스트를 해보면,
    원하는 대로 결과가 나오는 것을 확인 할 수 있습니다.

 


 


List of Articles
번호 제목 날짜 조회 수
27 [jQuery] 상위부터 차례로 지역 선택하기 2014.03.01 46105
26 [jQuery] 실시간 검색어 순위 순서대로 보여주기 2014.03.01 12019
25 check box 선택시 색상 변경 file 2014.03.01 6494
24 마우스대면 글자 없어지는 검색창 2014.03.01 6226
23 주민등록번호 체크 file 2014.03.01 5929
22 input에 background-image 이벤트 2014.03.01 5356
21 이메일 체크하기 2014.03.01 5205
20 input 테그안의 숫자 3자리 마다 콤마 찍기 2014.03.01 6077
19 주민번호 입력시 생일 자동입력 file 2014.03.01 5621
18 이미지에 마우스 올렸을때 확대 이미지 나오게 하기 (onmouseover 2014.03.01 6923
17 네이버 달력 자바스크립트 소스 2014.02.27 6329
16 날짜 간의 일수 계산 2014.02.27 7551
15 JavaScript 날짜관련함수 2014.02.27 5704
14 차단된 팝업창을 허용하라는 스크립트 2014.02.27 6751
13 iframe 아이프레임 내용 길이에 따라서 높이가 자동으로 조절 되도록 2014.02.27 6206
12 적용이 간편한 [글목록 인쇄] 등 특정 영역 인쇄하기 팁 2014.02.27 5441
11 3자리마다 콤마찍기 2014.02.27 5756
10 input 박스에서 유용한 자바 스크립트 2014.02.27 5462
9 textarea의 글자수 제한 2014.02.27 6161
8 라디오 버튼 value 값 있는지 체크하기 2014.02.27 6336
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved