DateCellEditor

date editor

Signature:

export interface DateCellEditor extends TextCellEditor

Extends: TextCellEditor

Remarks

Select a date by displaying the date picker.

Enter GridBase.setEditorOptions() or GridBase.editorOptions to display the year, month, or day of the calendar displayed in the calendar pop-up. This allows developers to change it as they wish.

(ex Mon, Tue, Wed… == Mon, Tue, Wed…)

Inherits TextCellEditor.

[Superclass]

CellEditor - TextCellEditor

Example

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

Properties

Properties Desc

cancelLabel

Change the text of the cancel button.

Type - string

commitOnSelect

Whether to commit when selected

Type - boolean

defaultDate

Specifies the date to be selected when the date picker is displayed.

Type - string | Date

Remarks:

Date to be selected and displayed if defaultShowDate is DefaultShowDate.DEFAULT or DefaultShowDate.DEFAULT_WHEN_NULL

defaultShowDate

Date type selected in calendar when displaying

Type - DefaultShowDate

deleteLabel

Change the text of the delete button.

Type - string

dropDownPosition

Location of calendar selection box

Type - DropDownPosition

dropDownWhenClick

Whether to expand the list when a cell is clicked

Type - boolean

dropDownWhenEnter

Whether to expand the list when enterKey is entered

Type - boolean

editFormat

Edit Format

Type - string

holidays

Public holidays displayed

Type - Holidays

hours

Specify the time displayed on the time selection screen.

Type - number[] | string

Remarks:

Specify the range of time you want to display using a numeric array or string.

Example:

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

maxDate

Maximum date that can be entered

Type - string | Date

Remarks:

If a date later than maxDate is entered using the keyboard, it is changed to maxDate.

minDate

Minimum date allowed for entry

Type - string | Date

Remarks:

If a date earlier than minDate is entered with the keyboard, it is changed to minDate.

minutes

Specifies the minute displayed on the minute selection screen.

Type - number[]

Remarks:

Specify it as a numeric array.

monthDisplayFormat

Phrases about the month

Type - string

months

Display method for month

Type - string[]

Remarks:

If specified, EditorOptions.months is ignored.

saveLabel

Change the text of the save button

Type - string

showButtons

Whether to display save/cancel button

Type - boolean

Remarks:

If you specify false, the button will not be displayed and the list will disappear when you select the date or hour/minute/second.

showToday

Visibility of Today button

Type - boolean

showWeeks

Calendar year parking display status

Type - boolean

Remarks:

It is displayed based on ISO 8601, but when selecting a date, it returns to the parking number displayed in front.

startWeek

Day of the week starting on the calendar

Type - number

Remarks:

0: Sunday, 1: Monday, ...

textReadOnly

Whether input using the keyboard is prohibited

Type - boolean

timeSelectType

Whether to display the hour/minute/second selection screen.

Type - TimeSelectType

todayLabel

Change the text of the Today button.

Type - string

type

Cell Editor Type: Date

Type - 'date'

viewMode

Specifies the selectable screen among year, month, and day.

Type - CalendarMode

Remarks:

Used when selecting Year or Year-Month.

weekDays

How to display the day of the week

Type - string[]

weekSelectable

Year parking availability

Type - boolean

weekSeparator

Separator between the year and week of the returned results

Type - string

yearDisplayFormat

Phrases about years

Type - string

yearMonthDisplayFormat

Phrases for year-month

Type - string

Remarks:

If not specified, it is displayed using yearDisplayFormat and monthDisplayFormat.