2024/02/29 달력 수정

src/main/webapp/visitEdu/adm/publish/datepicker/classic.date.css

@@ -13,7 +13,7 @@
 .picker__header {
   text-align: center;
   position: relative;
-  padding: 12px 0;
+  padding: 3px 0;
   position: relative;
 }
 .picker__header::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% + 11px); height: 100%; z-index: -1; background-color: #6a718a; border-radius: 5px 5px 0 0;}
@@ -34,12 +34,13 @@
   font-size: 18px;
   font-weight: 400;
 }
+
 /**
  * The month and year selectors.
  */
 .picker__select--month,
 .picker__select--year {
-  border: 1px solid transparent;
+  /* border: 1px solid transparent;
   padding: 5px 0 0 5px;
   margin-left: .25em;
   margin-right: .25em;
@@ -48,19 +49,32 @@
   color: #fff;
   background-image: url(/publish/image/content/select2.png);
   background-repeat: no-repeat;
-  background-position: right 55%;
+  background-position: right 55%; */
+  border: 1px solid transparent;
+  margin:0;
+  padding:0;
+  background: transparent url(/visitEdu/adm/image/content/select.png) no-repeat calc(100% - 16px) center;
+  color:#fff;
+  font-size:17px;
+  font-weight:500;
+  appearance:auto;
+  -webkit-appearance:auto;
+  width:calc((50% / 2) - 10px);
 }
+
+.picker__select--year{margin:0 15px 0 0;}
+.picker__select--month option, .picker__select--year option{color:#333;font-size:15px;}
 @media (min-width: 24.5em) {
   .picker__select--month,
   .picker__select--year {
-    margin-top: -0.5em;
+    /* margin-top: -0.5em; */
   }
 }
 .picker__select--month {
-  width: 22.5%;
+  /* width: 22.5%; */
 }
 .picker__select--year {
-  width: 22.5%;
+  /* width: 22.5%; */
 }
 .picker__select--month:focus,
 .picker__select--year:focus {

src/main/webapp/visitEdu/adm/publish/script/content.js

@@ -146,7 +146,9 @@ function calendarSetting(){
 		formatSubmit : "yyyymmdd", //전송하는 값
 		labelMonthNext: '다음 달 보기',
 		labelMonthPrev: '이전 달 보기',
-		
+		selectYears: 200,
+		selectMonths: true,
+
 		onOpen : function(){
 			// 윈도우 height 값 기준으로 달력 height 보다 위에있을 경우 팝업이 아래로 아래 있을 경우 팝업이 위로 열림
 			var thisCal = $(this.$holder);