DateCellEditor
날짜 편집기
Signature:
export interface DateCellEditor extends TextCellEditor
Extends: TextCellEditor
Remarks
Date picker 를 표시해서 날짜를 선택한다.
달력 팝업에 표시되는 달력의 년, 월이나 요일의 표시 문구를 GridBase.setEditorOptions() 나 GridBase.editorOptions 를 통해 개발자가 원하는 대로 바꿀 수 있다.
(ex 월, 화, 수… == Mon, Tue, Wed…)
TextCellEditor를 상속한다.
[상위 클래스]
Example
// string type
column.editor = "date"
// object type
column.editor = { type: "date", maxLength: 6, yearNavigation: true }
Properties
Property | Modifiers | Type | Description |
---|---|---|---|
cancelLabel | string | 취소 버튼의 text를 변경한다. | |
commitOnSelect | boolean | 선택 시 commit 여부 | |
defaultDate | string | Date | Date picker가 표시될때 선택될 날짜를 지정. | |
defaultShowDate | DefaultShowDate | 표시시 달력에 선택되는 날짜유형 | |
deleteLabel | string | 삭제 버튼의 text를 변경한다. | |
dropDownPosition | DropDownPosition | 달력 선택 상자의 위치 | |
dropDownWhenClick | boolean | 셀을 클릭했을 때 목록을 펼칠지의 여부 | |
editFormat | string | (ALPHA) 편집 서식 | |
holidays | Holidays | 표시되는 공휴일 | |
hours | number[] | string | 시간 선택화면에 표시되는 시간을 지정한다. | |
maxDate | string | Date | 입력 가능한 최대 날짜 | |
minDate | string | Date | 입력 가능한 최소 날짜 | |
minutes | number[] | 분 선택화면에 표시되는 분을 지정한다. | |
monthDisplayFormat | string | 월에 대한 문구 | |
months | string[] | 월에 대한 표시 방법 | |
saveLabel | string | 저장 버튼의 text를 변경한다 | |
showButtons | boolean | 저장/취소 버튼 표시여부 | |
showToday | boolean | Today 버튼 표시 여부 | |
showWeeks | boolean | 달력 연 주차 표시 여부 | |
startWeek | number | 달력에서 시작되는 요일 | |
textReadOnly | boolean | 키보드를 이용한 입력 금지 여부 | |
timeSelectType | TimeSelectType | 시/분/초 선택화면 표시여부. | |
todayLabel | string | 오늘 버튼의 text를 변경한다. | |
type | 'date' | 셀 편집기 종류: 날짜 | |
viewMode | CalendarMode | 년, 월, 일 중 선택가능한 화면을 지정한다. | |
weekDays | string[] | 요일에 대한 표시 방법 | |
weekSelectable | boolean | 년 주차 선택 가능 여부 | |
weekSeparator | string | 반환되는 결과의 년과 주차사이의 구분자 | |
yearDisplayFormat | string | 년에 대한 문구 | |
yearNavigation | boolean |
Properties Desc
cancelLabel
취소 버튼의 text를 변경한다.
commitOnSelect
선택 시 commit 여부
defaultDate
Date picker가 표시될때 선택될 날짜를 지정.
Remarks:
defaultShowDate가 DefaultShowDate.DEFAULT 또는 DefaultShowDate.DEFAULT_WHEN_NULL인 경우 선택되어 표시될 날짜
defaultShowDate
표시시 달력에 선택되는 날짜유형
deleteLabel
삭제 버튼의 text를 변경한다.
dropDownPosition
달력 선택 상자의 위치
dropDownWhenClick
셀을 클릭했을 때 목록을 펼칠지의 여부
editFormat
편집 서식
holidays
표시되는 공휴일
hours
시간 선택화면에 표시되는 시간을 지정한다.
Remarks:
표시할려는 시간을 숫자배열 또는 문자열을 이용해서 범위를 지정한다.
Example:
hours = '9-12, 13-18'
hours = [1,2,3,4,5,6]
maxDate
입력 가능한 최대 날짜
Remarks:
키보드로 maxDate보다 이후 날짜가 입력되면, maxDate로 변경된다.
minDate
입력 가능한 최소 날짜
Remarks:
키보드로 minDate보다 이전 날짜가 입력되면, minDate로 변경된다.
minutes
분 선택화면에 표시되는 분을 지정한다.
Remarks:
숫자배열로 지정한다.
monthDisplayFormat
월에 대한 문구
months
월에 대한 표시 방법
Remarks:
지정하면 EditorOptions.months 는 무시된다.
saveLabel
저장 버튼의 text를 변경한다
showButtons
저장/취소 버튼 표시여부
Remarks:
false
로 지정하면 버튼이 표시되지 않고 날짜 또는 시/분/초를 선택시 list가 사라진다.
showToday
Today
버튼 표시 여부
showWeeks
달력 연 주차 표시 여부
Remarks:
ISO 8601 기준으로 표시되나 날짜선택시 앞에 표시되고 있는 주차로 반환한다.
startWeek
달력에서 시작되는 요일
Remarks:
0: 일요일, 1: 월요일, ...
textReadOnly
키보드를 이용한 입력 금지 여부
timeSelectType
시/분/초 선택화면 표시여부.
todayLabel
오늘 버튼의 text를 변경한다.
type
셀 편집기 종류: 날짜
viewMode
년, 월, 일 중 선택가능한 화면을 지정한다.
Remarks:
연도
또는 연-월
을 선택할떄 사용한다.
weekDays
요일에 대한 표시 방법
weekSelectable
년 주차 선택 가능 여부
weekSeparator
반환되는 결과의 년과 주차사이의 구분자
yearDisplayFormat
년에 대한 문구
yearNavigation
Warning: This API is now obsolete.
년도 이동 버튼 표시 여부
Remarks:
2.7.1 버전이후 제거