2024/02/29 달력 수정
This commit is contained in:
parent
8fd6a5f45f
commit
6221384205
@ -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 {
|
||||||
|
|||||||
@ -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);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user