Holiday (cfg)
달력(Date 타입 캘린더 팝업)에 공휴일이나 특정 날짜를 표시합니다.
지정한 날짜는 캘린더에서 별도의 스타일(빨간 글자 등)로 강조되고, 마우스를 올리면 툴팁(공휴일 이름)이 표시됩니다.
특정 연도의 하루만 지정할 수도 있고, 매년 반복되는 날짜(*MMDD), 매월 반복되는 날짜(**DD) 등 패턴으로도 지정 가능합니다.
Type
mixed( object | array )
Options
| Value |
Description |
object |
{ "날짜키": "공휴일명" } 또는 { "날짜키": { Name, Class } } 형태의 매핑 |
array |
[ { Date: "날짜키", Name, Class }, ... ] 형태의 배열 |
날짜 키(Date Key) 형식
| 형식 |
의미 |
예시 |
YYYYMMDD |
특정 연도·월·일 (8자리) |
"20260101" — 2026년 1월 1일 |
*MMDD |
매년 반복 (5자리) |
"*0101" — 매년 1월 1일 |
YYYY*DD |
특정 연도의 매월 반복 (7자리) |
"2026*01" — 2026년 매월 1일 |
**DD |
매월 반복 (4자리) |
"**01" — 매월 1일 |
값(Value) 형식
| 필드 |
Type |
Description |
Name |
string |
공휴일 이름 (마우스 호버 시 툴팁으로 표시) |
Class |
string |
해당 날짜 셀에 적용할 CSS 클래스명. 미지정 시 기본 공휴일 스타일 적용 |
Example
options.Cfg = {
Holiday: {
"20260101": "신정",
"*0301": "삼일절",
"*0505": "어린이날",
"*1225": "성탄절",
"**01": "매월 1일"
}
};
options.Cfg = {
Holiday: [
{ Date: "20260101", Name: "신정", Class: "MyRedDay" },
{ Date: "20260215", Name: "임시공휴일", Class: "MyGrayDay" },
{ Date: "*0505", Name: "어린이날" }
]
};
Read More
Since
| product |
version |
desc |
| core |
8.4.0.19 |
기능 추가 |