Jquery MonthPicker로 Jquery-ui 달력 월만 표시해주기 (JavaScript)

Jquery MonthPicker로 Jquery-ui 달력 월만 표시해주기 

오랜만의 포스팅.. 일이 바빠서 못하고있었다 (핑계)

Jquery 플러그인을 통해 달력을 월만 표시해주는것을 포스팅해볼것이다.

나도 수많은 구글링을 통해 얻은 결과물,,!

이미지 왜케 크게 들어가는지,, 암튼 이걸 만들어볼건데

일단 플러그인 소스는 따로 올려두기로 하고, 스크립트 코드를 보게되면!

$("#인풋타입의 아이디명").monthpicker({
                monthNames: ['1월(JAN)', '2월(FEB)', '3월(MAR)', '4월(APR)', '5월(MAY)', '6월(JUN)',
                    '7월(JUL)', '8월(AUG)', '9월(SEP)', '10월(OCT)', '11월(NOV)', '12월(DEC)'],
                monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
                showOn: "button",
                buttonImage: "../../Images/Goods/calendar.jpg",
                buttonImageOnly: true,
                changeYear: false,
                yearRange: 'c-2:c+2',
                dateFormat: 'yy-mm'
            });

이렇게 셋팅해주면 끝! 간단하다!

기존 문서에서 스타일만 살짝 바꿔주었다! 기존에 월있는 부분이 너무 좁아서..!

 

jquery.ui.monthpicker.js

0.07MB