RealGrid2 API
Interface
DateCellEditor

DateCellEditor

날짜 편집기

Signature:

export interface DateCellEditor extends TextCellEditor 

Extends: TextCellEditor

Remarks

Date picker 를 표시해서 날짜를 선택한다.

달력 팝업에 표시되는 달력의 년, 월이나 요일의 표시 문구를 GridBase.setEditorOptions()GridBase.editorOptions 를 통해 개발자가 원하는 대로 바꿀 수 있다.

(ex 월, 화, 수… == Mon, Tue, Wed…)

TextCellEditor를 상속한다.

[상위 클래스]

CellEditor - TextCellEditor

Example

// string type
column.editor = "date"
 
// object type
column.editor = { type: "date", maxLength: 6, yearNavigation: true }

Properties

PropertyModifiersTypeDescription
cancelLabelstring취소 버튼의 text를 변경한다.
commitOnSelectboolean선택 시 commit 여부
defaultDatestring | DateDate picker가 표시될때 선택될 날짜를 지정.
defaultShowDateDefaultShowDate표시시 달력에 선택되는 날짜유형
deleteLabelstring삭제 버튼의 text를 변경한다.
dropDownPositionDropDownPosition달력 선택 상자의 위치
dropDownWhenClickboolean셀을 클릭했을 때 목록을 펼칠지의 여부
editFormatstring(ALPHA) 편집 서식
holidaysHolidays표시되는 공휴일
hoursnumber[] | string시간 선택화면에 표시되는 시간을 지정한다.
maxDatestring | Date입력 가능한 최대 날짜
minDatestring | Date입력 가능한 최소 날짜
minutesnumber[]분 선택화면에 표시되는 분을 지정한다.
monthDisplayFormatstring월에 대한 문구
monthsstring[]월에 대한 표시 방법
saveLabelstring저장 버튼의 text를 변경한다
showButtonsboolean저장/취소 버튼 표시여부
showTodaybooleanToday 버튼 표시 여부
showWeeksboolean달력 연 주차 표시 여부
startWeeknumber달력에서 시작되는 요일
textReadOnlyboolean키보드를 이용한 입력 금지 여부
timeSelectTypeTimeSelectType시/분/초 선택화면 표시여부.
todayLabelstring오늘 버튼의 text를 변경한다.
type'date'셀 편집기 종류: 날짜
viewModeCalendarMode년, 월, 일 중 선택가능한 화면을 지정한다.
weekDaysstring[]요일에 대한 표시 방법
weekSelectableboolean년 주차 선택 가능 여부
weekSeparatorstring반환되는 결과의 년과 주차사이의 구분자
yearDisplayFormatstring년에 대한 문구
yearNavigationboolean

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 버전이후 제거