Lifepod UI API에서 메뉴얼에 나와 있지 않은 모양새를 바꾸는 약간의 설정부분입니다.
일단, 간단히 설정할 수 있는 부분입니다. 더 찾게 되면 본 내용에 추가하겠습니다.

Calendar객체를 생성하기 전에 값을 설정하면 적용됩니다.

// 엔트리 기본 높이
Calendar.EntryHeight=15;

// 엔트리 margin
Calendar.EntryMargin=2;

// 요일명 등의 언어 (날짜 포맷에도 영향)
Calendar.Language="";

// 이건 grid가 그려지는 상위 element의 높이에 따라 조정되는 듯
Calendar.gridCellHeight=56;

// 테이블 border color
Calendar.colorBorderDark="#eee";
Calendar.colorBorderLight="#fafafa";

// 글자 색상 - 상단의 '0000년 00월' 표시와, 요일명에 영향
Calendar.colorText="#555";

// 글자 색상 - 이전/다음 월의 일자 색상
Calendar.colorTextBlur="#ccc";

// 글자 색상 - 일요일/토요일의 일자 색상
Calendar.colorTextSun="#e97474";
Calendar.colorTextSat="#7083a8";

// 달력 배경색
Calendar.colorBackground="white";

// 오늘 날짜 셀의 배경색
Calendar.colorToday="#F0F5FB";

// 요일/월 - Calendar.Language 값에 따라 영문/한글로 변경된다. 직접 지정 가능.
Calendar.wDay=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
Calendar.wDayS=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
Calendar.wMonth=["January","February","March", ...중략... "November","December"];


활용 예

Calendar.colorBorderDark = 'red'; // grid 색 변경
Calendar.colorToday = 'blue'; // 오늘 날짜의 셀 색상 변경

_calendar = new Calendar('div_calendar');
_calendar.draw()


이 게시물을..
이 글과 연관된 글
  1. [2008/10/08] StoryN 이벤트 경품 받았습니다=_=b *2 (749)

웹 개발 카테고리의 다른 글