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

Property	Type	Description
cancelLabel	string	취소 버튼의 text를 변경한다.
commitOnSelect	boolean	선택 시 commit 여부
defaultDate	string \| Date	Date picker가 표시될때 선택될 날짜를 지정.
defaultShowDate	DefaultShowDate	표시시 달력에 선택되는 날짜유형
deleteLabel	string	삭제 버튼의 text를 변경한다.
dropDownPosition	DropDownPosition	달력 선택 상자의 위치
dropDownWhenClick	boolean	셀을 클릭했을 때 목록을 펼칠지의 여부
dropDownWhenEnter	boolean	enterKey를 입력했을때 목록을 펼칠지의 여부
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	년에 대한 문구
yearMonthDisplayFormat	string	년-월에 대한 문구

Properties Desc

cancelLabel

취소 버튼의 text를 변경한다.

Type - string

commitOnSelect

선택 시 commit 여부

Type - boolean

defaultDate

Date picker가 표시될때 선택될 날짜를 지정.

Type - string | Date

Remarks:

defaultShowDate가 DefaultShowDate.DEFAULT 또는 DefaultShowDate.DEFAULT_WHEN_NULL인 경우 선택되어 표시될 날짜

defaultShowDate

표시시 달력에 선택되는 날짜유형

Type - DefaultShowDate

deleteLabel

삭제 버튼의 text를 변경한다.

Type - string

dropDownPosition

달력 선택 상자의 위치

Type - DropDownPosition

dropDownWhenClick

셀을 클릭했을 때 목록을 펼칠지의 여부

Type - boolean

dropDownWhenEnter

enterKey를 입력했을때 목록을 펼칠지의 여부

Type - boolean

editFormat

편집 서식

Type - string

holidays

표시되는 공휴일

Type - Holidays

hours

시간 선택화면에 표시되는 시간을 지정한다.

Type - number[] | string

Remarks:

표시할려는 시간을 숫자배열 또는 문자열을 이용해서 범위를 지정한다.

Example:

hours = '9-12, 13-18'
hours = [1,2,3,4,5,6]

maxDate

입력 가능한 최대 날짜

Type - string | Date

Remarks:

키보드로 maxDate보다 이후 날짜가 입력되면, maxDate로 변경된다.

minDate

입력 가능한 최소 날짜

Type - string | Date

Remarks:

키보드로 minDate보다 이전 날짜가 입력되면, minDate로 변경된다.

minutes

분 선택화면에 표시되는 분을 지정한다.

Type - number[]

Remarks:

숫자배열로 지정한다.

monthDisplayFormat

월에 대한 문구

Type - string

months

월에 대한 표시 방법

Type - string[]

Remarks:

지정하면 EditorOptions.months 는 무시된다.

saveLabel

저장 버튼의 text를 변경한다

Type - string

showButtons

저장/취소 버튼 표시여부

Type - boolean

Remarks:

false로 지정하면 버튼이 표시되지 않고 날짜 또는 시/분/초를 선택시 list가 사라진다.

showToday

Today 버튼 표시 여부

Type - boolean

showWeeks

달력 연 주차 표시 여부

Type - boolean

Remarks:

ISO 8601 기준으로 표시되나 날짜선택시 앞에 표시되고 있는 주차로 반환한다.

startWeek

달력에서 시작되는 요일

Type - number

Remarks:

0: 일요일, 1: 월요일, ...

textReadOnly

키보드를 이용한 입력 금지 여부

Type - boolean

timeSelectType

시/분/초 선택화면 표시여부.

Type - TimeSelectType

todayLabel

오늘 버튼의 text를 변경한다.

Type - string

type

셀 편집기 종류: 날짜

Type - 'date'

viewMode

년, 월, 일 중 선택가능한 화면을 지정한다.

Type - CalendarMode

Remarks:

연도 또는 연-월 을 선택할떄 사용한다.

weekDays

요일에 대한 표시 방법

Type - string[]

weekSelectable

년 주차 선택 가능 여부

Type - boolean

weekSeparator

반환되는 결과의 년과 주차사이의 구분자

Type - string

yearDisplayFormat

년에 대한 문구

Type - string

yearMonthDisplayFormat

년-월에 대한 문구

Type - string

Remarks:

지정하지 않으면 yearDisplayFormat과 monthDisplayFormat을 이용해서 표시한다.

DataOutputOptions DateHoliday