![CircleCI](https://camo.githubusercontent.com/27790aefadc67553cf944b8c73159a3707b11c3acf61c349c88d78592a42e7ee/68747470733a2f2f696d672e736869656c64732e696f2f636972636c6563692f70726f6a6563742f6769746875622f64617272656e66616e672f767565746966792d6461746574696d652d7069636b65722e737667)
DatetimePicker component for Vuetify.js.
npm install --save vuetify-datetime-picker
or
yarn add vuetify-datetime-picker
import Vue from 'vue'
import DatetimePicker from 'vuetify-datetime-picker'
import 'vuetify-datetime-picker/src/stylus/main.styl'
Vue.use(DatetimePicker)
Once installed, it can be used in a template as simply as:
<v-datetime-picker
label="Select Datetime"
v-model="datetime">
</v-datetime-picker>
Name |
Type |
Default Value |
Description |
datetime (model) |
Date/String |
|
Time picker model. |
disabled |
Boolean |
false |
Input is disabled. |
label |
string |
|
Sets input label. |
width |
Number |
320 |
The width of the content. |
format |
string |
YYYY-MM-DD HH:mm:ss |
Defines the format of a datetime displayed in field. |
timePickerFormat |
string |
24hr |
Defines the format of a time displayed in picker. Available options are ampm and 24hr. |
locale |
string |
en-us |
Sets the locale. Accepts a string with a BCP 47 language tag. |
okText |
string |
OK |
Sets the text of the ok button. |
clearText |
string |
CLEAR |
Sets the text of the clear button. |
loading |
Boolean |
false |
see Vuetify Docs |
errorMessages |
String/Array |
|
see Vuetify Docs |
errorCount |
Number/String |
1 |
see Vuetify Docs |
error |
Boolean |
false |
see Vuetify Docs |
hideDetails |
Boolean |
false |
see Vuetify Docs |
appendIcon |
String |
|
see Vuetify Docs |
prependIcon |
String |
|
see Vuetify Docs |
box |
Boolean |
false |
see Vuetify Docs |
solo |
Boolean |
false |
see Vuetify Docs |
dark |
Boolean |
false |
see Vuetify Docs |
hint |
string |
|
see Vuetify Docs |
color |
string |
false |
see Vuetify Docs |
Name |
Arguments |
Description |
input |
value (Date/String) |
The updated bound model |
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. |