datepicker를 사용해 날짜 선택시 원하는 작업 진행하기

datepicker 컨트롤을 통해 시작일을 선택함과 동시에 종료일을 자동으로 셋팅해야 하는 경우가 종종있다.

이럴경우 사용자에게 매번 시작일과 종료일을 모두 입력하라 요구하는건 피곤한 스타일이므로 시작일을 선택함과 동시에 종료일에 시작일의 날짜가 자동으로 셋팅되도록 하고자 한다.

STARTPICKER를 선택하면 날짜 선택 컨트롤이 나타날 것이고 아래처럼 onSelect문을 넣어주면 사용자 정의함수인 fnChangePicker가 호출되어 원하는 작업을 진행할 수 있을것이다.

<input type="text" id="STARTPICKER" name="TXTSTARTDATE"> ~ <input type="text" id="ENDPICKER" name="TXTENDDATE"> 

$("#STARTPICKER").datepicker ({

onSelect:function(selected, evnt) {

fnChangePicker(selected);

}

});

fnChangePicker(value) {

$("#ENDPICKER").val(value);

}