## DatetimePicker ### Install ``` javascript import { DatetimePicker } from 'vant'; Vue.component(DatetimePicker.name, DatetimePicker); ``` ### Usage #### Basic Usage :::demo Basic Usage ```html ``` ```javascript export default { data() { return { minHour: 10, maxHour: 20, minDate: new Date(), maxDate: new Date(2019, 10, 1), currentDate: new Date(2018, 0, 1) }; } }; ``` ::: #### Date Picker :::demo Date Picker ```html ``` ::: #### Time Picker :::demo Time Picker ```html ``` ::: ### API | Attribute | Description | Type | Default | Accepted Values | |-----------|-----------|-----------|-------------|-------------| | type | Picker type | `String` | 'datetime' | 'date', 'time' | | minDate | Min date | `Date` | Ten years ago on January 1 | - | | maxDate | Max date | `Date` | Ten years later on December 31 | - | | minHour | Min hour | `Number` | `0` | - | | maxHour | Max hour | `Number` | `23` | - | | visibileColumnCount | Count of columns to show | `Number` | `5` | - | ### Event | Event | Description | Arguments | |-----------|-----------|-----------| | change | Triggered when value changed | picker: picker instance | | confirm | Triggered when click confirm button | value: current value | | cancel | Triggered when click cancel button | - |