
Security News
Oracle Drags Its Feet in the JavaScript Trademark Dispute
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
vuetify-datetime-picker
Advanced tools
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'
// (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.
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. |
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 |
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. |
progress | Slot for custom progress linear (displayed when loading prop is not equal to Boolean False) |
FAQs
DatetimePicker component for Vuetify.js.
We found that vuetify-datetime-picker demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.
Security News
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.