This article describes the API migration process of DateRangePicker component from Essential JS 1 to Essential JS 2.
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
Setting the value |
Property: value
Copied to clipboard
|
Property: value
Copied to clipboard
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
Display date format |
Property: dateFormat
Copied to clipboard
|
Property: format
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
Minimum date |
Property: minDate
Copied to clipboard
|
Property: min
Copied to clipboard
|
Maximum date |
Property: maxDate
Copied to clipboard
|
Property: max
Copied to clipboard
|
Start date |
Property: startDate
Copied to clipboard
|
Property: startDate
Copied to clipboard
|
End date |
Property: endDate
Copied to clipboard
|
Property: endDate
Copied to clipboard
|
Preset ranges |
Property: ranges
Copied to clipboard
Copied to clipboard
|
Property: presets
Copied to clipboard
Copied to clipboard
|
Add ranges |
Method: addRanges()
Copied to clipboard
Copied to clipboard
|
Not Applicable |
Clear ranges |
Method: clearRanges()
Copied to clipboard
Copied to clipboard
|
Not Applicable |
Get selected range |
Method: getSelectedRange()
Copied to clipboard
Copied to clipboard
|
Method: getSelectedRange()
Copied to clipboard
Copied to clipboard
|
Set date range |
Method: setRange()
Copied to clipboard
Copied to clipboard
| Not Applicable |
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
Disabled dates | Not Applicable |
Can be achieved by
Copied to clipboard
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
CSS Class |
Property: cssClass
Copied to clipboard
|
Property: cssClass
Copied to clipboard
|
Enable/Disable the TimePicker with DateRangePicker |
Property: enableTimePicker
Copied to clipboard
|
Not Applicable |
Time format |
Property: timeFormat
Copied to clipboard
|
Not Applicable |
Minimum days span | Not Applicable |
Property: minDays
Copied to clipboard
|
Maximum days span | Not Applicable |
Property: maxDays
Copied to clipboard
|
Button text |
Property: buttonText
Copied to clipboard
Copied to clipboard
|
Can be achieved by
Copied to clipboard
Copied to clipboard
|
Show/Hide the popup button |
Property: showPopupButton
Copied to clipboard
|
Event: focus
Copied to clipboard
Copied to clipboard
Copied to clipboard
|
Enable/Disable the rounded corner |
Property: showRoundedCorner
Copied to clipboard
|
Can be achieved by
Copied to clipboard
Copied to clipboard
|
FocusIn event | Not Applicable |
Event: focus
Copied to clipboard
Copied to clipboard
|
FocusOut event | Not Applicable |
Event: blur
Copied to clipboard
Copied to clipboard
|
FocusIn method | Not Applicable |
Method: focusIn()
Copied to clipboard
Copied to clipboard
|
FocusOut method | Not Applicable |
Method: focusOut()
Copied to clipboard
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
Enable/Disable the RTL | Not Applicable |
Property: enableRtl
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
Enable/Disable the persistence |
Property: enablePersistence
Copied to clipboard
|
Property: enablePersistence
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
Width |
Property: width
Copied to clipboard
|
Property: width
Copied to clipboard
|
Readonly | Not Applicable |
Property: readonly
Copied to clipboard
|
Show/Hide the clear button | Not Applicable |
Property: showClearButton
Copied to clipboard
|
Height |
Property: height
Copied to clipboard
|
Can be achieved by
Copied to clipboard
Copied to clipboard
|
Show/Hide the week number | Not Applicable |
Property: weekNumber
Copied to clipboard
|
Watermark text |
Property: watermarkText
Copied to clipboard
|
Property: placeholder
Copied to clipboard
|
Enable/Disable |
Property: enabled
Copied to clipboard
|
Property: enabled
Copied to clipboard
|
Disable the DateRangePicker |
Method: disable()
Copied to clipboard
Copied to clipboard
|
Not Applicable |
Enable the DateRangePicker |
Method: enable()
Copied to clipboard
Copied to clipboard
|
Not Applicable |
Enable/Disable the input textbox editing |
Property: allowEdit
Copied to clipboard
|
Property: allowEdit
Copied to clipboard
|
Specify the placeholder text behavior | Not Applicable |
Property: floatLabelType
Copied to clipboard
|
zIndex | Not Applicable |
Property: zIndex
Copied to clipboard
|
Separator |
Property: separator
Copied to clipboard
|
Property: separator
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
Locale |
Property: locale
Copied to clipboard
|
Property: locale
Copied to clipboard
|
First day of week | Not Applicable |
Property: firstDayOfWeek
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
Strict mode | Not Applicable |
Property: strictMode
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
---|---|---|
Close |
Event: close
Copied to clipboard
Copied to clipboard
|
Event: close
Copied to clipboard
Copied to clipboard
|
Hide |
Method: popupHide()
Copied to clipboard
Copied to clipboard
|
Method: hide()
Copied to clipboard
Copied to clipboard
|
Open |
Event: open
Copied to clipboard
Copied to clipboard
|
Event: open
Copied to clipboard
Copied to clipboard
|
Show |
Method: popupShow()
Copied to clipboard
Copied to clipboard
|
Method: show()
Copied to clipboard
Copied to clipboard
|