달력 JQuery DatePicker

간단하게 정리한거

 

달력.zip

 

 

참조.html

 

 

        $("#dtpicker").datepicker({  
            dateFormat: 'yy-mm-dd', // 데이터는 yyyy-MM-dd로 나옴  
            closeText: '닫기',  
            prevText: '이전달',  
            nextText: '다음달',  
            currentText: '오늘',  
            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: ['일', '월', '화', '수', '목', '금', '토'],  
            weekHeader: 'Wk',  
            firstDay: 0,  
            isRTL: false,  
            duration: 200,  
            showAnim: 'show',  
            maxDate: dtNow,       // 오늘 날자이후 데이터 클릭은 막기위해  
            //changeMonth: true,  
            //changeYear: true,  
            //yearRange: 'c-10:c',  
            showMonthAfterYear: true,  
            yearSuffix: '년',  
            showOtherMonths: true, // 나머지 날짜도 화면에 표시  
            selectOtherMonths: true, // 나머지 날짜에도 선택을 하려면 true  
            defaultDate: dtAsk,  
  
            onChangeMonthYear: function (year, month, inst) {  
    // 년 또는 월이 변경시 이벤트 발생  
                EvtChangeMonthYear(year, month);  
            },  
  
            beforeShow: function (input, inst) {  
    // 일자 선택되기전 이벤트 발생  
            },  
            onSelect: function (dateText, inst) {  
    // 일자 선택된 후 이벤트 발생  
            }  
        });  
        $.datepicker.setDefaults($.datepicker.regional['ko']);  
    });  

출처 : http://todduf.blogspot.kr/2014/06/jquery-datepicker.html