mirror of
https://github.com/tenrok/vue2-datepicker.git
synced 2026-05-27 23:24:07 +03:00
mengxiong10
77 lines
1.8 KiB
Markdown
77 lines
1.8 KiB
Markdown
<!-- Basic -->
|
|
|
|
### Basic
|
|
|
|
You can select or input a date, month, year, time or datetime
|
|
|
|
<!-- ValueType -->
|
|
|
|
### ValueType
|
|
|
|
You can set the type of the v-model value by `valueType`.
|
|
|
|
- "format": return a string same as the input value.
|
|
- "date"(default): return a Date Object.
|
|
- "timestamp": return a Number.
|
|
- token: a accepted format string pattern.
|
|
|
|
<!-- Range -->
|
|
|
|
### Range
|
|
|
|
Support to select a date range.
|
|
|
|
<!-- DisabledDateTime -->
|
|
|
|
### DisabledDate & DisabledTime
|
|
|
|
Disabled part of dates and time by `disabledDate` and `disabledTime` respectively
|
|
|
|
<!-- Disabled -->
|
|
|
|
### Disabled & editable
|
|
|
|
- disabled: A disabled state of the DatePicker
|
|
- editable: Whether to allow manual input
|
|
|
|
<!-- Shortcut -->
|
|
|
|
### Shortcut
|
|
|
|
You can set `shortcuts` to improve user experience.
|
|
You can also use the header slot or the footer slot
|
|
|
|
<!-- ControlTimePanel -->
|
|
|
|
### Control TimePanel visible
|
|
|
|
Determing whether the time panel is displayed by `showTimePanel`.
|
|
The time panel is displayed after the date is selected by default.
|
|
|
|
<!-- ControlOpen -->
|
|
|
|
### Control Open
|
|
|
|
You can use the prop `open` to control the visible of popup.
|
|
The time picker doesn't automatically close by default.
|
|
This example automatically close the popup when the seconds is selected.
|
|
|
|
<!-- HideSeconds -->
|
|
|
|
### Hide Seconds & Show AM/PM
|
|
|
|
The columns of the time Picker is displayed according to the value of format by default.
|
|
You can also set `showHour` `showMinute` `showSecond` to override the default value
|
|
|
|
<!-- MinuteStep -->
|
|
|
|
### Interval and custom time options
|
|
|
|
Show stepped options by `hourStep` `minuteStep` `secondStep` or show custom options by `hourOptions` `minuteOptions` `secondOptions`
|
|
|
|
<!-- FixedTimeList -->
|
|
|
|
### Select fixed time list
|
|
|
|
You can provide a list of fixed time for users to choose by `timePickerOptions`
|