메뉴 건너뛰기

조회 수 1545 추천 수 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
번호 제목 날짜 조회 수
247 5초 후에 해당페이지로 url 옮기기 2014.02.27 10485
246 자바스크립트 개체 복사 2014.02.27 6573
245 마우스를 오버해서 이미지를 확대해서 보기 2014.02.27 7003
244 적용이 간편한 [글목록 인쇄] 등 특정 영역 인쇄하기 팁 2014.02.27 6285
243 미디어플레이어 화면크기 조절방법 2014.02.27 6366
242 깔끔한 이미지로 2014.02.27 6259
241 지금 보고 있는 웹페이지 창을 닫으려고 합니다." 안나타나게 하기 2014.02.27 7185
240 라디오 버튼 value 값 있는지 체크하기 2014.02.27 6336
239 textarea의 글자수 제한 2014.02.27 6161
238 input 박스에서 유용한 자바 스크립트 2014.02.27 5455
237 3자리마다 콤마찍기 2014.02.27 5755
236 적용이 간편한 [글목록 인쇄] 등 특정 영역 인쇄하기 팁 2014.02.27 5441
235 iframe 아이프레임 내용 길이에 따라서 높이가 자동으로 조절 되도록 2014.02.27 6206
234 차단된 팝업창을 허용하라는 스크립트 2014.02.27 6751
233 JavaScript 날짜관련함수 2014.02.27 5702
232 날짜 간의 일수 계산 2014.02.27 7551
231 네이버 달력 자바스크립트 소스 2014.02.27 6329
230 이미지에 마우스 올렸을때 확대 이미지 나오게 하기 (onmouseover 2014.03.01 6923
229 주민번호 입력시 생일 자동입력 file 2014.03.01 5621
228 input 테그안의 숫자 3자리 마다 콤마 찍기 2014.03.01 6077
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved