IT
monthPicker 한 달 달력 예시 / JavaScript 한 달 달력
agnusdei1207
2022. 9. 16. 09:00
반응형
SMALL
let fncMonth = function(){
let setDate = arguments;
let getId;
let fmt = "yy.mm";
switch (setDate.length) {
case 1: getId ="#"+setDate[0];break;
case 2: if(setDate[1] != ''){getId ="#"+setDate[0]+", #"+setDate[1];break;}else{getId ="#"+setDate[0];break;}
}
let dates = $( getId ).monthpicker({
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월'],
showOn: "button",
buttonImage: "/publish/dvms/images/sub/icon_calendar.png",
buttonImageOnly: true,
changeYear: false,
yearRange: 'c-2:c+2',
dateFormat : fmt,
onSelect: function( selectedDate ) {
let option = this.id == setDate[0] ? "minDate" : "maxDate",
instance = $( this ).data( "monthpicker" ),
date = (fmt == 'yy.mm' ? new Date(instance.selectedYear, instance.selectedMonth, 1) : $.monthpicker.parseDate( $.monthpicker._defaults.dateFormat, selectedDate, instance.settings ))
dates.not( this ).monthpicker( "option", option, date );
}
});
}
반응형
LIST