Datepicker 질문드립니다. 채택완료
자료 조회할 때 사용할 두개의 Datepicker를만들었습니다
줄여서 1번 2번이라고 하겠습니다.
지금 minDate, maxDate가 설정이 되어진 상태이구요
2번이 1번의 데이터값보다 작게 설정이 되거나 반대로 1번이 2번보다 크게 값이 설정 되어도
조회버튼을 눌렀을때 데이터만 호출이 안될뿐이지 명령을 실행시켜 버리더군요
이때 제약을 두고자 합니다.
1번이 2번보다 큰 Date값을 입력하면 2번의 Date값을 1번과 동일하게 설정하였으면 합니다
반대도 마찬가지이구요
이 때 어떻게 하면 이 이벤트를 적용시킬 수 있을까요?
$( "#fromDatepicker" ).datepicker({
//showOn: "both",
changeMonth: true,
changeYear: true,
nextText: '다음 달',
prevText: '이전 달',
changeMonth: true,
dayNames: ['월요일', '화요일', '수요일', '목요일', '금요일', '토요일', '일요일'],
dayNamesMin: ['월', '화', '수', '목', '금', '토', '일'],
monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'],
monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
dateFormat: "yy-mm-dd",
minDate : "2016-09-01",
maxDate : "2016-09-06"
});
$( "#toDatepicker" ).datepicker({
//showOn: "both",
changeMonth: true,
changeYear: true,
nextText: '다음 달',
prevText: '이전 달',
changeMonth: true,
dayNames: ['월요일', '화요일', '수요일', '목요일', '금요일', '토요일', '일요일'],
dayNamesMin: ['월', '화', '수', '목', '금', '토', '일'],
monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'],
monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
dateFormat: "yy-mm-dd",
minDate : "2016-09-01",
maxDate : "2016-09-06"
});
답변 1개
</p><p style="margin-left:0px;">$( "#fromDatepicker" ).datepicker({</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>//showOn: "both", </p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>changeMonth: true, </p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>changeYear: true,</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>nextText: '다음 달',</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>prevText: '이전 달',</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>changeMonth: true, </p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>dayNames: ['월요일', '화요일', '수요일', '목요일', '금요일', '토요일', '일요일'],</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>dayNamesMin: ['월', '화', '수', '목', '금', '토', '일'], </p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'],</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>dateFormat: "yy-mm-dd",</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>minDate : "2016-09-01",</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>maxDate : "2016-09-06",</p><p style="margin-left: 40px;">onSelect : function(dateText){</p><p style="margin-left: 80px;">$( "#toDatepicker" ).val(dateText)</p><p style="margin-left: 40px;">} </p><p style="margin-left:0px;">});</p><p style="margin-left:0px;"> </p><p style="margin-left:0px;"> </p><p style="margin-left:0px;">$( "#toDatepicker" ).datepicker({</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>//showOn: "both", </p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>changeMonth: true, </p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>changeYear: true,</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>nextText: '다음 달',</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>prevText: '이전 달',</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>changeMonth: true, </p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>dayNames: ['월요일', '화요일', '수요일', '목요일', '금요일', '토요일', '일요일'],</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>dayNamesMin: ['월', '화', '수', '목', '금', '토', '일'], </p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'],</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>dateFormat: "yy-mm-dd",</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>minDate : "2016-09-01",</p><p style="margin-left:0px;"><span class="Apple-tab-span" style="white-space:pre;"> </span>maxDate : "2016-09-06",</p><p style="margin-left: 40px;">onSelect : function(dateText){</p><p style="margin-left: 80px;">$( "#fromDatepicker" ).val(dateText)</p><p style="margin-left: 40px;">} </p><p style="margin-left:0px;">});</p><p style="margin-left:0px;"> </p><p style="margin-left:0px;">
위와 onSelect 이용하시면 됩니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
수정해서 사용 하면 될듯 합니다