date picker 날짜 계산하기! _ 1개월, 3개월, 6개월 계산

date picker

사용한 JS Version : 1.13.2

// [dev] 날짜 데이터피커
var today = new Date();
$.datepicker.setDefaults({
    dateFormat: 'yy.mm.dd',
    prevText: '이전 달',
    nextText: '다음 달',
    monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
    monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
    dayNames: ['일', '월', '화', '수', '목', '금', '토'],
    dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'],
    dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
    showMonthAfterYear: true,
    yearSuffix: '년',
});
// 값 초기화
START_DATE.datepicker({});
// 값 셋팅
START_DATE.datepicker('setDate', today);

END_DATE.datepicker({});
END_DATE('setDate', today);

위에 코드처럼 date picker 초기화 및 현재날짜로 셋팅진행

date picker

사진 처럼 1개월 3개월 날짜 지정시 사용한 코드

// 시작날짜를 기준으로 종료 날짜를 변경하였습니다.

// date 셋팅
// 시작 날짜 get
let startDate = START_DATE.datepicker('getDate');

// 시작날짜 기준으로 종료날짜 셋팅
END_DATE.datepicker('setDate', startDate);

// 종료날짜 get
let endDate = END_DATE.datepicker('getDate');

// 종료날짜 + date 한 값을 셋팅
endDate.setDate(startDate.getDate() + 7)

// date picker 에 종료날짜 셋팅
END_DATE.datepicker('setDate', endDate);

// 같은 방법으로 month 변경 가능
endDate.setMonth(startDate.getMonth() + 1)