API
VMdDateRangePicker
Props
startDate String
Default: today
Description: The beginning date of the initially selected date range. If you provide a Desc: string, it must match the date format string set in your locale setting
endDate String
Default: today
presets Array
Description: Set predefined date ranges the user can select from.The range of each object an array with two dates representing the bounds of the range.
opens String
Default: left
Avaiable: left、center、right
Description: Whether the picker appears aligned to the left, to the right, or centered under the HTML element it's attached to
showCustomRangeLabel Boolean
Default: false
Description: Displays "Custom Range" at the end of the list of predefined ranges, when the ranges option is used.This option will be highlighted whenever the current date range selection does not match one of the predefined ranges.Clicking it will display the calendars to select a new range.
showYearSelectBoolean
Default: false
maxYear String
Number
Default: currentYear + 100
Description: The maximum year shown in the dropdowns when showYearSelect is set to true
minYear String
Number
Default: currentYear - 100
Description: The minimum year shown in the dropdowns when showYearSelect is set to true
autoApply Boolean
Default: true
Description: Hide the apply and cancel buttons, and automatically apply a new date range as soon as two dates are clicked.
Events
Event Name | Description | Parameters |
---|---|---|
change | - | - |
Slots
Name | Description | Default Slot Content |
---|---|---|
input | - | - |
← Examples