You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
b-maslennikov
changed the title
[Bug Report][3.7.9] VTimePicker does not display model value on mount
[Bug Report][3.7.9] VTimePicker v-model:hour and v-model:minute are not reactive?
Jan 31, 2025
The intended use of the v-model looks like v-model="model" and const model = ref('3:30'). You could use a computed to save it as an object the way you're trying here...
Environment
Vuetify Version: 3.7.9
Vue Version: 3.5.13
Browsers: Google Chrome, Mozilla Firefox, Microsoft Edge
OS: Windows, Android
Steps to reproduce
v-model:hour="model.hour"
andv-model:minute="model.minute"
const model = ref({ hour = 3, minute = 30 })
Expected Behavior
should show 3:30
![Image](https://private-user-images.githubusercontent.com/15647102/408601533-dd4c16eb-cba8-4ee4-8588-9d75de0f7459.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5OTgyNzksIm5iZiI6MTczODk5Nzk3OSwicGF0aCI6Ii8xNTY0NzEwMi80MDg2MDE1MzMtZGQ0YzE2ZWItY2JhOC00ZWU0LTg1ODgtOWQ3NWRlMGY3NDU5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDA2NTkzOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUxM2E3OTM1MTNjZjZiNWI1MDBmZjUzMDFjYjBlYmM4NGJlYTAyODkzNWZhMjE4YjgxMTQ5ZjY0YmIxYjcyNTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.7N-H21ysZG1NULBID9koWKGUy7e_fkvnDF_y348Bl74)
Actual Behavior
no time displayed
![Image](https://private-user-images.githubusercontent.com/15647102/408601532-53c2f2d5-76b7-4112-8006-a6f9542b7c13.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5OTgyNzksIm5iZiI6MTczODk5Nzk3OSwicGF0aCI6Ii8xNTY0NzEwMi80MDg2MDE1MzItNTNjMmYyZDUtNzZiNy00MTEyLTgwMDYtYTZmOTU0MmI3YzEzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDA2NTkzOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk2ZjBjY2Q5M2Y4NWMyYWEwOTlmNzI0OTUyODJjM2ViMzg3OGEzMDcwMDMxYzBiMzEwYTNhMDc4YzYxMTE1NGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.75DOqTh2RPN8fpe5cz5gYrLVmOTNUMj5uwKMsZ1y8W8)
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
temporary can be fixed by adding :model-value="
${model.hour}:${model.minute}
"also try to change the time in right(fixed) picker. left picker does not react.
change time in left picker - right picker reacts
The text was updated successfully, but these errors were encountered: