mygomii

[script&Jquery] #두개의 날짜 범위 설정 datepicker 본문

JavaScript&JQuery

[script&Jquery] #두개의 날짜 범위 설정 datepicker

mygomii 2018. 5. 2. 10:52
반응형
두개의 날짜 범위 설정 datepicker






1
2
<input type="text" name="sdate" id="sdate" value="">
<input type="text" name="edate" id="edate" value="">
cs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
$(document).ready(function(){       
       $( "#sdate,#edate" ).datepicker({
            changeMonth: true,
            changeYear: true,
            showMonthAfterYear: true,
            dayNamesMin: ['월', '화', '수', '목', '금', '토', '일'],
            dateFormat:'yy-mm-dd',
        });
       
       $('#sdate').datepicker("option", "maxDate", $("#edate").val());
       $('#sdate').datepicker("option", "onClose", function (selectedDate){
           $("#edate").datepicker( "option", "minDate", selectedDate );
           });
       
       $('#edate').datepicker();
       $('#edate').datepicker("option", "minDate", $("#sdate").val());
       $('#edate').datepicker("option", "onClose", function (selectedDate){
           $("#sdate").datepicker( "option", "maxDate", selectedDate );
          });
 
 
       
});
cs


반응형

'JavaScript&JQuery' 카테고리의 다른 글

[script&Jquery] #빈값(null) 체크하기  (0) 2018.04.24
[script&Jquery] #체크박스 전체선택&해제&삭제하기  (0) 2018.04.20
[script&Jquery] #비밀번호 유효성(회원가입) - 영문+숫자+특수문자  (0) 2018.04.14
[script&Jquery] #쿠키(Cookie)를 이용한 ID정보기억  (0) 2018.03.17
[script] #쿠키를 위한 함수(setCookie,getCookie,deleteCookie)  (2) 2018.03.17
'JavaScript&JQuery' Related Articles more