IBSheet8의 다양한 달력 종류와 관련 기능, 달력 별 이벤트를 확인합니다.

1. Format 별 달력 종류

(Col)EditFormat 은 사용자가 셀을 더블클릭하여 편집모드로 들어갔을 때 보여 줄 포맷을 설정합니다.

EditFormat 에 설정한 Format에 따라 달력 아이콘/시계 아이콘 클릭 시 표출되는 달력 종류가 다릅니다.

1) 기본 일자달력(Ymd)

2) 년월달력(Ym)

3) 년도 달력(yyyy)

※ 월 달력은 제공하지 않습니다.

4) 시분초 다이얼로그(Hms)

5) 시분 다이얼로그(Hm)

6) 시분초를 포함한 일자달력(YmdHms)

7) 시분을 포함한 일자달력(YmdHm)

2. 달력 관련 추가 기능

- (Cfg) Weeks 설정 시 달력의 주차를 표시할 수 있습니다.

- (Col) CalendarButtons 설정 시 달력 하단에 버튼을 설정할 수 있습니다.

▼ 년월일 달력(CalendarButtons:6)

▼ 년월 달력(CalendarButtons:7)

- (Cfg) AutoSelectYm 설정 시 년월 달력에서 확인 버튼이 사라지고 월 클릭값으로 입력됩니다.

▼ 년월 달력에서 확인버튼 사라짐

- (Col) Range 설정 시 드래그를 통해 달력내에 여러 일자를 선택할 수 있습니다.

※ 년월 달력에서는 기능을 제공하지 않습니다.

- (static) showCalendar 을 통해 캘린더를 시트 외부 input 객체 주변에도 사용 가능합니다.

▼ 외부 input 에 달력 컨트롤 사용

- (Cfg) AutoCalendar 는 시트의 날짜 타입 셀 편집모드에 들어갈 때 달력을 띄울지 여부를 설정합니다.

(Col, Cell 설정도 가능)

▼ 달력 아이콘이 사라지고 편집모드 시 달력이 오픈됨

- 시간 포맷 설정 시 TimePicker 설정을 통해 시분초 아이콘을 띄울 수 있습니다.

- (Col)Interval 설정 시 TimePicker 의 시간 조절 증감 단위를 설정합니다.

▼ TimePicker 설정

3. 달력 별 이벤트

- (event) onReadDate 는 달력창을 보여줄 때 달력 내 생성되는 모든 날짜들에 대해 호출되는 이벤트입니다.

onReadDate:function(evtParam){
    //달력에서 매월 15일은 두꺼운 오렌지 색으로 표시
    var date = evtParam.date;
    if (date.getDate() == 15) {
        return "<strong style='color:orange'>" + evtParam.text + "</strong>";
    } else {
        return evtParam.text;
    }
}

※ 년월 달력 및 시간 다이얼로그는 이벤트가 발생하지 않습니다.

- (event) onReadCanEditDate 는 달력창을 보여줄 때 달력 내 생성되는 모든 날짜들에 대해 호출되는 이벤트입니다.

True/False를 리턴하여 날짜를 사용할지 여부를 선택할 수 있습니다.

※ 년월일 달력 표출시에만 발생합니다.