Options
All
  • Public
  • Public/Protected
  • All
Menu

Class DateRangePickerConfig

Hierarchy

Implements

Index

Properties

Optional appendTo

appendTo: string | Element | JQuery = "body"

Optional autoValidate

autoValidate: boolean = false

Optional autoclear

autoclear: boolean = true

Optional autoclose

autoclose: boolean = false

Hide the apply and cancel buttons, and automatically apply a new date range as soon as two dates are clicked.

Optional autofocus

autofocus: boolean = false

Optional bodyCls

bodyCls: string

Optional bodyStyle

bodyStyle: string

Optional cls

cls: string = ""

The CSS class to add to this widget's element

Optional colorMode

colorMode: ColorMode

Optional data

data: any = null

Optional dataModel

dataModel: Klass<ListModel> = ListModel

Optional dataQuery

dataQuery: string | HttpRequest

Optional dateSeparator

dateSeparator: string = " - "

Optional disabled

disabled: boolean = false

Optional dropPos

dropPos: "down" | "up"

Whether the picker appears below (default) or above the HTML element it's attached to.

Optional faceMode

faceMode: LineInputFaceMode | Array<LineInputFaceMode> = LineInputFaceMode.square

Optional format

format: string = "YYYY/MM/DD"
default

'YYYY/MM/DD'

Optional height

height: string | number

Optional hidden

hidden: boolean = false

Optional i18n

i18n: I18NResource | URLString = null

I18N resource.

Optional Readonly id

id: string

Optional iniValue

iniValue: Array<string | Date>

Optional innerIcon

innerIcon: string | LineInputIcon

Optional inputCls

inputCls: string = ""

Optional inputStyle

inputStyle: string = ""

Optional leftAddon

leftAddon: string | LineInputAddon

Optional listeners

Optional locale

locale: Locale = "en"

A locale string, like 'en', 'en-us', 'zh'.

Optional maxDate

maxDate: Date | string

The latest date a user may select.

Optional maxYear

maxYear: number

The maximum year shown in the dropdowns when showDropdowns is set to true.

Optional maxlength

maxlength: number = Infinity

Optional minDate

minDate: Date | string

The earliest date a user may select.

Optional minYear

minYear: number

The minimum year shown in the dropdowns when showDropdowns is set to true.

Optional minutesPlus

minutesPlus: boolean = false

Adds select boxes to choose times in addition to dates.

Optional minutesStep

minutesStep: number

Increment of the minutes selection list for times (i.e. 30 to allow only selection of times ending in 0 or 30).

Optional name

name: string = ""

Optional outline

outline: boolean = false

Optional placeholder

placeholder: string = ""

Optional popDir

popDir: "left" | "right" | "center" = "center"

Whether the picker appears aligned to the left, to the right, or centered under the HTML element it's attached to.

Optional ranges

Set predefined date ranges the user can select from. Each key is the label for the range, and its value an array with two dates representing the bounds of the range. Click ranges in the configuration generator for examples.

Optional readonly

readonly: boolean = false

Optional renderTo

renderTo: string | Element | JQuery = null

Render to DOM element.

Optional rightAddon

rightAddon: string | LineInputAddon

Optional secondsPlus

secondsPlus: boolean = false

Show seconds in the timePicker.

Optional showCalendars

showCalendars: boolean = true

Optional sizeMode

sizeMode: SizeMode = SizeMode.md

Optional style

style: string = ""

Additional CSS styles that will be rendered into an inline style attribute when the widget is rendered.

Optional textAlign

textAlign: LR = "left"

Optional tip

tip: string = ""

Optional title

title: string

Optional titleCls

titleCls: string

Optional titlePlace

titlePlace: "left" | "top" = "left"

Optional titleStyle

titleStyle: string

Optional titleTextPlace

titleTextPlace: LOC9 = "rm"

Optional titleWidth

titleWidth: string | number

Optional validateMode

validateMode: "tip" | { mode: "tip"; place?: LRTB } | { hideError: (this: DateRangePicker) => void; showError: (this: DateRangePicker, errorMsg: string) => void } | any = "tip"

Optional validators

validators: Array<ValidatorSetting> = []

Optional valueModel

valueModel: Klass<Model> | Model = Model

Optional width

width: string | number