Vuetify DateTime Picker和VeeValidate问题

时间:2019-10-12 14:01:58

标签: vuejs2 vuetify.js vee-validate

验证步进,日期时间选择器和VeeValidate错误

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

  1. 日期似乎不是格式。我想要这种格式的“ 2019年10月10日”。使用了插件,但似乎不起作用。

  2. 在我尝试选择Director的出生日期并将值返回为false时出现以下错误。

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

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

  2. 关于VeeValidate,有没有办法收集错误?现在显示Directors [index] .Name字段为必填。

这是codepen

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

找到解决方案2天,但我仍然无法解决。感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

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

您对错误的数据使用了v-model,因此它没有显示正确的日期格式(您的计算属性)。 将v-model语句更改为:

v-model="computedDateFormattedMomentjs"

,然后将computedDateFormattedMomentjs更改为:

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

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