vuetify-datetime-picker
DatetimePicker component for Vuetify.js.
202,087
173
| Install | |
|---|---|
npm install vuetify-datetime-picker |
|
| Latest Version: | 2.1.1 |
| Vue: | 2 |
| License: | MIT |
| Last Updated: | Nov 15, 2023 |
| Links: | GitHub · npm |
Maintainer: darrenfang
vuetify-datetime-picker
DatetimePicker component for Vuetify.js.
Installation
npm install --save vuetify-datetime-picker
or
yarn add vuetify-datetime-picker
import Vue from 'vue'
import DatetimePicker from 'vuetify-datetime-picker'
// (Optional) import 'vuetify-datetime-picker/src/stylus/main.styl'
Vue.use(DatetimePicker)
If use the main.styl, you should configure the stylus-loader in webpack.config.js, or just ignore this style sheet.
Usage
Once installed, it can be used in a template as simply as:
<v-datetime-picker label="Select Datetime" v-model="datetime"> </v-datetime-picker>
Properties
| Name | Type | Default Value | Description |
|---|---|---|---|
| datetime (model) | Date/String | Time picker model. | |
| disabled | Boolean | false | Input is disabled. |
| loading | Boolean | false | Input is loading. |
| label | string | Sets input label. | |
| dialogWidth | Number | 340 | The width of the dialog. |
| dateFormat | string | yyyy-MM-dd | Defines the format of a date. |
| timeFormat | string | HH:mm | Defines the format of a time. |
| clearText | string | CLEAR | Sets the text of the clear button. |
| okText | string | OK | Sets the text of the ok button. |
| textFieldProps | Object | Text fields properties. See Vuetify Docs | |
| datePickerProps | Object | Date pickers properties.See Vuetify Docs | |
| timePickerProps | Object | Time pickers properties.See Vuetify Docs |
Events
| Name | Arguments | Description |
|---|---|---|
| input | value (Date/String) | The updated bound model |
Slots
| Name | Description |
|---|---|
| dateIcon | Slot to put custom icon in the date tab. |
| timeIcon | Slot to put custom icon in the time tab. |
| actions | Slot to put custom buttons in the dialog. |
| progress | Slot for custom progress linear (displayed when loading prop is not equal to Boolean False) |
Version History
| Version | Released | License |
|---|---|---|
| 2.1.1 | MIT | |
| 2.1.0 | MIT | |
| 2.0.3 | MIT | |
| 2.0.2 | MIT | |
| 2.0.1 | MIT | |
| 2.0.0 | MIT | |
| 1.1.3 | MIT | |
| 1.1.2 | MIT | |
| 1.1.1 | MIT | |
| 1.1.0 | MIT | |
| 1.0.13 | MIT | |
| 1.0.12 | MIT | |
| 1.0.11 | MIT | |
| 1.0.10 | MIT | |
| 1.0.9 | MIT | |
| 1.0.8 | MIT | |
| 1.0.7 | MIT | |
| 1.0.6 | MIT | |
| 1.0.5 | MIT | |
| 1.0.4 | MIT | |
| 1.0.3 | MIT | |
| 1.0.2 | MIT | |
| 1.0.1 | MIT |
Pre-releases (3)
| Version | Released | License |
|---|---|---|
| 2.1.0-beta3 | MIT | |
| 2.1.0-beta2 | MIT | |
| 2.1.0-beta1 | MIT |