깜놀하는 해므찌로

monthPicker 한 달 달력 예시 / JavaScript 한 달 달력 본문

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