Licence
—
Version
0.1.0
Deps
4
Size
3.2 MB
Vulns
1
Weekly
0
vuetify_datetimepicker_vue
A Vue component that has vuetify datetimepicker
Installation
npm i --save vuetify_datetimepicker_vueBrowser
Include the script file, then install the component with Vue.use(DatetimePicker); e.g.:
<script type="text/javascript" src="node_modules/vuejs/dist/vue.min.js"></script>
<script type="text/javascript" src="node_modules/vuetify_datetimepicker_vue/dist/datetimepicker-vuetify.js"></script>
<script type="text/javascript">
Vue.use(DatetimePicker);
</script>Module
import DatetimePicker from 'vuetify_datetimepicker_vue';Usage
You can use just as this after your installation,
<date-time-picker label="Select Datetime" v-model="datetime"></date-time-picker>Properties
| Name | Type | Default Value | Description |
| datetime (model) | Date/String | null | Datetime picker model |
| label | String | Pick a date | Datetimepicker label text |
| dateFormat | String | DD.MM.YYYY | Sets date format |
| timeFormat | String | HHss | Sets time format |
| locale | String | en-us | Sets locale for date picker |
| color | String | green | Sets color for datetime picker |
| firstDayOfWeek | Number | 0 | Sets firstDayWeek on date picker |
| timeFormatType | String | ampm | Defines the format of a time displayed in picker. Available options are ampm and 24hr. |
| disabled | Boolean | false | Enable/Disable datepicker field |
| allowedStep | Function | It uses Vuetify's timepicker allowed-minutes method |
Events
| Name | Arguments | Description |
| input | value (Date/String) | The updated bound model |