'When setting a date with v-date-picker v-text-field is not populated with selected date when v-mask is used
Has anyone seen/solved this issue? I have a component that utilizes v-date-picker and v-text-field. The text field is using v-mask for dynamic masking. The masking works well when date is typed in. However, when the date picker is used, it causes the text field's contents to be updated multiple times and the functions used to construct the mask are called multiple times as well. As a result, the text field ends up blank, and I get an error stating that time value is invalid.
I understand that the date picker is performing its own checks, and the format it's using for dates is different from what I need. I tried a workaround to limit the number of calls coming from the date picker and populate the text field with a saved value at the last call. But I either still get a blank field or the 'invalid time value' error.
When I set breakpoints in the masking functions, I do see the date in the text field before it disappears.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|