refactor: 3.0

example/en.md

@@ -0,0 +1,76 @@
+<!-- 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`