Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

parkmenen's avatar

Laravel, Vuejs and timepicker

Hi Guys, I am trying to implement time picker for my form when creating new driver. I am trying to use this timepicker i found on the internet:

https://github.com/phoenixwong/vue-timepicker

I npm installed as suggested, then i tried to throw it in as follow :

//register component and send data with new component in app.js

Vue.component( 'vue-timepicker', require('vue-time-picker'), { data: function () { return { yourTimeValue: { HH: "08", mm: "30" }, } },

}

);

then in Drivers.vue component included:

Time Start: Time Finish:

I get display the input fields, but No numbers showing up inside the input so I cannot even input any value.

Any ideas how to fix the problem ?

I appreciate every help !

0 likes
1 reply
parkmenen's avatar

Sorry, in the description it doesnt show the tags... in my drivers.vue component inside template I included as follows:

< vue-timepicker format="hh:mm A" :minute-interval="30" :time-value.sync="yourTimeValue"> < /vue-timepicker >

Please or to participate in this conversation.