Vuetify DateTime Picker 和 VeeValidate 问题

Posted 2023-02-23

【中文标题】Vuetify DateTime Picker 和 VeeValidate 问题

【英文标题】：Vuetify DateTime Picker and VeeValidate issues

【发布时间】：2020-02-09 18:54:39

【问题描述】：

Vuetify 步进器、日期时间选择器和 VeeValidate 错误

我正在使用 Vuetify 和 VeeValadite 通过 Vue 实现站点。我有以下问题。

日期似乎不是格式。我想要这种格式“2019 年 10 月 10 日”。用了插件，但是好像没用。

当我尝试选择导演的出生日期并且值返回为 false 时出现以下错误。

[Vue 警告]：无效的道具：道具“值”的类型检查失败。预期的数组，字符串，得到值为 false 的布尔值。

罢免董事和股东。它正在删除第一个而不是当前的。例如，当我单击“Jane Doe”元素的“删除”时，它会删除“John Doe”而不是“Jane Doe”。

关于 VeeValidate，有没有办法收集错误？现在它显示了 Director[index].Name 字段是必需的。

这是代码笔

`https://codepen.io/hiro-john/pen/xxxwaWZ`

找了2天，还是没解决。感谢您的帮助。

【参考方案1】：

关于财政年度结束日期选择器的部分回复：

您在不正确的数据上使用了v-model，因此它没有显示正确的日期格式（您的计算属性）。 将v-model 语句更改为：

v-model="computedDateFormattedMomentjs"

然后将computedDateFormattedMomentjs 更改为：

computedDateFormattedMomentjs () return moment(this.Financial_Year_End).format("DD-MMM-YYYY");

允许日期正确更新并显示您喜欢的格式。