DatetimePicker component for Vuetify.js

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'
import 'vuetify-datetime-picker/src/stylus/main.styl'

Vue.use(DatetimePicker)

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.
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.
clearText	string	CLEAR	Sets the handler when the clear button clicked.
okText	string	OK	Sets the color of the ok button to danger.

Events

Name	Arguments	Description
input	value (Date/String)	The updated bound model

GitHub