2024/02/29 달력 수정

This commit is contained in:
subsub 2024-02-29 10:47:12 +09:00
parent 8fd6a5f45f
commit 6221384205
2 changed files with 23 additions and 7 deletions

View File

@ -13,7 +13,7 @@
.picker__header { .picker__header {
text-align: center; text-align: center;
position: relative; position: relative;
padding: 12px 0; padding: 3px 0;
position: relative; 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;} .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-size: 18px;
font-weight: 400; font-weight: 400;
} }
/** /**
* The month and year selectors. * The month and year selectors.
*/ */
.picker__select--month, .picker__select--month,
.picker__select--year { .picker__select--year {
border: 1px solid transparent; /* border: 1px solid transparent;
padding: 5px 0 0 5px; padding: 5px 0 0 5px;
margin-left: .25em; margin-left: .25em;
margin-right: .25em; margin-right: .25em;
@ -48,19 +49,32 @@
color: #fff; color: #fff;
background-image: url(/publish/image/content/select2.png); background-image: url(/publish/image/content/select2.png);
background-repeat: no-repeat; 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) { @media (min-width: 24.5em) {
.picker__select--month, .picker__select--month,
.picker__select--year { .picker__select--year {
margin-top: -0.5em; /* margin-top: -0.5em; */
} }
} }
.picker__select--month { .picker__select--month {
width: 22.5%; /* width: 22.5%; */
} }
.picker__select--year { .picker__select--year {
width: 22.5%; /* width: 22.5%; */
} }
.picker__select--month:focus, .picker__select--month:focus,
.picker__select--year:focus { .picker__select--year:focus {

View File

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