Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- prisma
- formgroup
- angular modal
- Router
- summary
- 옵저버블
- Oracle LISTAGG 사용 예시
- 앵귤러 애니메이션
- angular route
- 호버
- angular animation
- egov spring ajax 사용 예시
- ajax 사용 예시
- 앵귤러 모달
- route
- TAILWIND
- flex-1
- Ionic modal
- 스크롤 이벤트 감지
- 아이오닉 스크롤 이벤트
- ApexChart
- 스크롤 이벤트
- 셀렉트박스 커스텀
- modal
- angular button
- mysql if
- scroll
- 모달
- 검색
- Angular Router
Archives
- Today
- Total
깜놀하는 해므찌로
monthPicker 한 달 달력 예시 / JavaScript 한 달 달력 본문
반응형
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
'IT' 카테고리의 다른 글
Spring Controller Java 엑셀파일 읽기 메소드 예시 / POI 라이브러리 (0) | 2022.09.18 |
---|---|
Egov Spring Controller Java 엑셀 업로드 메소드 예시 (0) | 2022.09.17 |
SQL MOD 함수 (0) | 2022.09.15 |
SYSDATETIME (0) | 2022.09.14 |
Oracle 위도 경도 좌표 기준으로 원 그리기 예시 / 좌표 동그라미 내부 좌표 구하기 (0) | 2022.09.13 |