잠시만 기다려 주세요

HOME   |  여기는?   |  바다물때표   |  여러가지 팁 (888)  |  추천 및 재미 (152)  |  자료실 (20)  |  끄적거림 (519)  |  시나리오 (760)  |  드라마 대본 (248)  |  

2020년 09월 22일
견디는 연습이 필요하다. 그 한 걸음만 건너면 습관으로 남는다. - 바다아이
 

 

    javascript/jquery

javascript/jquery - javascript 자바스크립트 날짜 계산하는 다양한 방법
이 름 : 바다아이   |   조회수 : 2586         짧은 주소 : https://www.bada-ie.com/su/?841591777689 
자바스크립트 날짜 계산하는 다양한 방법
 
프로그램 언어에서 가장 자주 찾는 항목 중에 하나가 날짜 계산입니다. 데이터베이스 테이블 설계할 때 날짜는 항상 들어가고 
꺼내서 가공할 때도 날짜를 기준으로 많이 이용하기 때문입니다. 자바스크립트로 날짜를 계산하는 여러 가지 방법들에 대해 알아 봅니다.


¤ 날짜 준비

먼저 계산을 위해 날짜를 준비했습니다. 텍스트로 날짜를 입력 받는 경우를 대비해 Date 객체로 변환하는 소스까지 들어가 있습니다. 
년월일을 분리한 후 Date 의 생성자 함수에 인수로 각각 넣게 되면 해당 날짜의 Date 객체가 만들어 집니다.
	
var strDate1 = "2015-5-6";
var strDate2 = "2015-6-25";
var arr1 = strDate1.split('-');
var arr2 = strDate2.split('-');
var dat1 = new Date(arr1[0], arr1[1], arr1[2]);
var dat2 = new Date(arr2[0], arr2[1], arr2[2]);

 
¤ 일(day) 더하고 빼기


위에서 만든 두 개의 Date 객체에서 일을 더하고 빼려면 getDate() 함수로 일을 구해야겠죠. 
일 값에 더하거나 빼고 나머지 년, 월은 getFullYear() 과 getMonth() 로 값을 구합니다. 그리고 문자열을 합쳐서 완성된 날짜를 만드는 것이죠.

	
// 날짜 더하고 빼기
document.write("* 현재날짜 : " + strDate1 + "<br/>");
document.write("* 3일 더하기 : " + dat1.getFullYear() + "-" + dat1.getMonth() + "-" + (dat1.getDate() + 3) + "<br/>");
document.write("* 3일 빼기 : " + dat1.getFullYear() + "-" + 
dat1.getMonth() + "-" + (dat1.getDate() - 3) + "<br/><br/>");

 

¤ 월(Month) 더하고 빼기

 
일 더하기 빼기와 동일합니다. 단지 월을 구하기 위해 getMonth() 를 사용한 것만 다릅니다.

	
// 월 더하고 빼기
document.write("* 현재날짜 : " + strDate1 + "<br/>");
document.write("* 3개월 더하기 : " + dat1.getFullYear() + "-" + 
        (dat1.getMonth() + 3) + "-" + dat1.getDate() + "<br/>");
document.write("* 3개월 빼기 : "    + dat1.getFullYear() + "-" + 
        (dat1.getMonth() - 3) + "-" + dat1.getDate()+ "<br/><br/>");

 

¤ 년(Year) 더하고 빼기


일 더하기 빼기와 동일하며 년도를 구하기 위해 getFullYear() 함수를 사용하였습니다. 
그리고 완성된 날짜를 구성하기 위해 각 년월일을 문자열로 합쳤습니다.

	
// 년 더하고 빼기
document.write("* 현재날짜 : " + strDate1 + "<br/>");
document.write("* 3년 더하기 : "    + (dat1.getFullYear() + 3) + "-" + 
        dat1.getMonth() + "-" + dat1.getDate() + "<br/>");
document.write("* 3년 빼기 : " + (dat1.getFullYear() - 3) + "-" + 
        dat1.getMonth() + "-" + dat1.getDate() + "<br/><br/>");

 

¤ 날짜 차이 알아내기


두 개의 Date 객체를 사칙연산으로 계산하게 되면 결과값으로 밀리세컨까지 연산된 숫자가 반환됩니다. 
이 값으로 두 날짜 사이에 얼마나 차이가 나는지 알려면 24시, 60분, 60초, 1000값을 곱한 결과값으로 나누면 됩니다. 
이렇게 나누게 되면 하루 단위를 구할 수 있습니다. 이것을 다시 30 으로 나누면 월이 구해 지고 30 * 12 로 나누면 년 단위를 구할 수 있는 것이죠.

	
// 날짜 차이 알아 내기 
var diff = dat2 - dat1;
var currDay = 24 * 60 * 60 * 1000;// 시 * 분 * 초 * 밀리세컨
var currMonth = currDay * 30;// 월 만듬
var currYear = currMonth * 12; // 년 만듬
 
document.write("* 날짜 두개 : " + strDate1 + ", " + strDate2 + "<br/>");
document.write("* 일수 차이 : " + parseInt(diff/currDay) + " 일<br/>");
document.write("* 월수 차이 : " + parseInt(diff/currMonth) + " 월<br/>");
document.write("* 년수 차이 : " + parseInt(diff/currYear) + " 년<br/><br/>");

 

¤ 또 다른 날짜 구하기


위에서 날짜를 구하고 뺄 때 년월일을 분리해서 문자열로 합치는 다소 번거로운 과정을 거쳤습니다. 
아래 방법은 계산한 값을 년월일에 해당하는 함수에 셋팅 하면 간단하게 결과값을 얻을 수 있습니다. 
출력할 때는 toLocaleString() 함수를 이용합니다.

	
// 또 다른 날짜 구하는 방법 
dat1.setMonth(dat1.getMonth() + 3);
document.write("* 3개월 더하기 : " + dat1.toLocaleString() + "<br/>");

 

¤ 전체소스 입니다.


위에서 구현한 전체 HTML 소스 입니다.

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>날짜 계산 </title>
<script type="text/javascript">
    var strDate1 = "2015-5-6";
    var strDate2 = "2015-6-25";
    var arr1 = strDate1.split('-');
    var arr2 = strDate2.split('-');
    var dat1 = new Date(arr1[0], arr1[1], arr1[2]);
    var dat2 = new Date(arr2[0], arr2[1], arr2[2]);
     
    // 날짜 더하고 빼기
    document.write("* 현재날짜 : " + strDate1 + "<br/>");
    document.write("* 3일 더하기 : "
            + dat1.getFullYear() + "-" + dat1.getMonth() + "-" + (dat1.getDate() + 3) 
            + "<br/>");
    document.write("* 3일 빼기 : "
            + dat1.getFullYear() + "-" + dat1.getMonth() + "-" + (dat1.getDate() - 3) 
            + "<br/><br/>");
     
    // 월 더하고 빼기
    document.write("* 현재날짜 : " + strDate1 + "<br/>");
    document.write("* 3개월 더하기 : "
            + dat1.getFullYear() + "-" + (dat1.getMonth() + 3) + "-" + dat1.getDate()
            + "<br/>");
    document.write("* 3개월 빼기 : "
            + dat1.getFullYear() + "-" + (dat1.getMonth() - 3) + "-" + dat1.getDate()
            + "<br/><br/>");
     
    // 년 더하고 빼기
    document.write("* 현재날짜 : " + strDate1 + "<br/>");
    document.write("* 3년 더하기 : "
            + (dat1.getFullYear() + 3) + "-" + dat1.getMonth() + "-" + dat1.getDate() 
            + "<br/>");
    document.write("* 3년 빼기 : "
            + (dat1.getFullYear() - 3) + "-" + dat1.getMonth() + "-" + dat1.getDate()
            + "<br/><br/>");
     
    // 날짜 차이 알아 내기 
    var diff = dat2 - dat1;
    var currDay = 24 * 60 * 60 * 1000;// 시 * 분 * 초 * 밀리세컨
    var currMonth = currDay * 30;// 월 만듬
    var currYear = currMonth * 12; // 년 만듬
     
    document.write("* 날짜 두개 : " + strDate1 + ", " + strDate2 + "<br/>");
    document.write("* 일수 차이 : " + parseInt(diff/currDay) + " 일<br/>");
    document.write("* 월수 차이 : " + parseInt(diff/currMonth) + " 월<br/>");
    document.write("* 년수 차이 : " + parseInt(diff/currYear) + " 년<br/><br/>");
     
    // 또 다른 날짜 구하는 방법 
    dat1.setMonth(dat1.getMonth() + 3);
    document.write("* 3개월 더하기 : " + dat1.toLocaleString() + "<br/>");
     
</script>
 
</head>
<body>
</body>
</html>





출처: http://mainia.tistory.com/2564 [녹두장군 - 상상을 현실로]
| |


      1 page / 3 page
번 호 카테고리 제 목 이름 조회수
74 javascript/jquery javascript 서버시간 가져오기, 서버날짜 가져오기... 바다아이 252
73 javascript/jquery 자바스크립트 쿠키 클래스, cookie class 바다아이 807
72 javascript/jquery select 박스 3단 카테고리 바다아이 1200
71 javascript/jquery 자바스크립트 해당 년월의 마지막 날짜 구하기, 이번달 마지막 일 구하기... 바다아이 1739
70 javascript/jquery 자바스크립트 타임존 변환, timezone, 날짜, 시간 관련 편하게 작업하기... moment.js 바다아이 1870
69 javascript/jquery textarea 의 특정 커서 cursor 위치에 문자 삽입하기. focus, 커서 cursor 위치 구하기... 바다아이 1796
68 javascript/jquery 마우스 블럭(block) 선택한 텍스트 가져오기, 마우스로 웹페이지 본문 선택한 문자만큼 가져오기... 바다아이 1737
67 javascript/jquery textarea 특정 위치에 커서 cursor 를 옮기기, 위치시키기, focus 바다아이 2344
66 javascript/jquery jquery ajax option 옵션 총 정리.... 바다아이 1955
65 javascript/jquery jquery open api 개발, ajax JSONP cross domain 문제, 서로 다른 도메인 문제 해결하기, error 0 문제... sop 문제 바다아이 2009
64 javascript/jquery javascript 자바스크립트 소수점, 자리수, 반올림, 올림, 내림(버림) 바다아이 2102
63 javascript/jquery javascript 현재시각 표시하는 디지털 시계 만들기 (date 객체) 바다아이 2194
62 javascript/jquery CSS3 회전 속성과 javascript를 활용한 아날로그 시계 바다아이 2369
61 javascript/jquery javascript 자바스크립트 쿠키, cookie, 만들기, 저장, 삭제, 가져오기, 얻기 바다아이 2271
현재글 javascript/jquery javascript 자바스크립트 날짜 계산하는 다양한 방법 바다아이 2587
59 javascript/jquery 자바스크립트 javascript 한/영타 변환기, 한영, 한글, 영어 바다아이 2805
58 javascript/jquery url 인코드, 디코드, encode, decode 예제... 바다아이 2083
57 javascript/jquery javascript 자바스크립트 프레임 페이지 이동... frame location.href 바다아이 2191
56 javascript/jquery File Upload Progress, 파일 업로드 프로그레스바.... 업로드 진행바 구현. 바다아이 2538
55 javascript/jquery 자바스크립트 javascript, json 데이터 이쁘게 출력하기, json Highlight 바다아이 2542
54 javascript/jquery 자바스크립트 javascript json 사용하기, 출력하기, JSON.stringify, JSON.parse, 변환 바다아이 2639
53 javascript/jquery 자바스크립트 javascript innerHTML, innerTEXT 사용 할 때 주의할 점... 바다아이 2379
52 javascript/jquery 자바스크립트 javascript 엔티티 entity 인코딩, 디코딩, encode, decode 바다아이 2681
51 javascript/jquery 자바스크립트 javascript post, get 값 파라미터 받기, 구하기 바다아이 3880
50 javascript/jquery 자바스크립트 text copy, 복사, How to copy a TEXT to Clipboard on a Button-Click 바다아이 2758
49 javascript/jquery jquery autocomplete 자동완성 한글 입력시 문자, 검색어, 창 사라지는 문제. 바다아이 2516
48 javascript/jquery 자바스크립트 javascript, jquery, 검색어 자동완성 기능, autocomplete 바다아이 2849
47 javascript/jquery 자바스크립트 substring, substr, indexOf, lastIndexOf (javascript 문자열 자르기, 뒤에서 자르기, 찾기) 바다아이 2610
46 javascript/jquery Javascript 자바스크립트 event.keyCode 키보드 코드값, 이벤트 키코드, ACSII 코드 바다아이 2253
45 javascript/jquery 자바스크립트 url encode decode 하기, 인코딩, 디코딩, javascript 한글 깨짐 바다아이 3450
1
2
3
| |








Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : 구글 클라우드 플랫폼  실행시간 : 0.28908 초
to webmaster... gogo sea. gogo sea.