image I am doing a Vue js project that allows users to enter the time they used in executing tasks in HH:MM:SS (in the image) which I'll send to backend. but my problem is that I don't know how I can get vuetfy textfield to accept the input in this format. I am supposed to use vuetify textfield, not normal html input.
<v-text-field
filled
rounded
dense
class="rounded-0"
name="projectTime"
placeholder="HH:MM:SS"
v-model="entryEditForm.projectTime"
></v-text-field>
you can use the DatetimePicker component for Vuetify.js
Installation
npm install --save 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
<v-datetime-picker
label="Select Datetime"
v-model="datetime">
</v-datetime-picker>
