diff --git a/src/main/webapp/visitEdu/adm/publish/datepicker/classic.date.css b/src/main/webapp/visitEdu/adm/publish/datepicker/classic.date.css index 016a0c78..583f3fae 100644 --- a/src/main/webapp/visitEdu/adm/publish/datepicker/classic.date.css +++ b/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 { diff --git a/src/main/webapp/visitEdu/adm/publish/script/content.js b/src/main/webapp/visitEdu/adm/publish/script/content.js index 4cbdaa7a..2b0f4ead 100644 --- a/src/main/webapp/visitEdu/adm/publish/script/content.js +++ b/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);