jquery datepicker + monthpicker

<!-- datepicker 관련-->
<link rel="stylesheet" href="/static/assets/plugin/datepicker/1.12.1/jquery-ui.css">
<script src="/static/assets/plugin/datepicker/jquery-1.12.4.js"></script>
<script src="/static/assets/plugin/datepicker/1.12.1/jquery-ui.js"></script>
<script src="/static/assets/plugin/datepicker/jquery.mtz.monthpicker.js"></script>

 

<script>

$(function() {
$( ".datepicker" ).datepicker({
dateFormat: 'yy-mm-dd',
prevText: '이전 달',
nextText: '다음 달',
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: ['일','월','화','수','목','금','토'],
showMonthAfterYear: true,
yearSuffix: '년'
});


/* MonthPicker Set */
$('.datepicker-month').monthpicker({
pattern: 'yyyy-mm', // Default is 'mm/yyyy' and separator char is not mandatory
monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월']
});

});

</script>

 

 

 

 

<input type="text" name="sdate" class="datepicker" readonly autocomplete='off' >

 

<input type="text" name="edate" class="datepicker-month" readonly autocomplete='off' >

 

 

 

datepicker.zip

0.22MB