![](/img/trans.png)
[英][Vue warn]: Invalid prop: custom validator check failed for prop "time"
[英]What is the cause of [Vue warn]: Invalid prop: custom validator check failed for prop “value”
我有nuxt.js應用程序,它使用vuejs-datepicker :
<template>
<!-- ... -->
<DatePicker :value="datePicker.value" />
<!-- ... -->
</template>
和一堆日期變量:
<script>
import DatePicker from 'vuejs-datepicker'
import { DateTime } from 'luxon'
const moment = require('moment')
const date = new Date(2016, 8, 16)
const date2 = moment('2016-09-16').toDate()
const date3 = DateTime.local(2016, 9, 16).toJSDate()
export default {
components: {
DatePicker
},
data() {
return {
datePicker: {
mondayFirst: true,
format: 'dd.MM.yyyy',
value: date
}
}
}
}
當我將其“值”屬性綁定到通常的日期變量“日期”時,一切正常,但是當我選擇date2或date3時,會收到此煩人的警告
[Vue warn]: Invalid prop: custom validator check failed for prop "value".
found in
---> <DatePicker>
<StaticPositionsTab> at components/StaticPositions.vue
<BTab>
<BTabs>
<Pages/index.vue> at pages/index.vue
<Nuxt>
<Layouts/default.vue> at layouts/default.vue
<Root>
我發現了用於value屬性的自定義驗證器,它非常簡單明了,在所有三種情況下都返回true:
value: {
validator: function (val) { return utils$1.validateDateInput(val); }
}
...
validateDateInput (val) {
return val === null || val instanceof Date || typeof val === 'string' || typeof val === 'number'
}
但是,有什么區別呢? 可能是Vue.js錯誤本身嗎?
date2
和date3
是對象,而value需要為null | 日期| 字符串 數
const date2 = moment('2016-09-16').toDate()
const date3 = DateTime.local(2016, 9, 16).toJSDate()
typeof date2 // object
typeof date3 // object
您應該使用.toString()
將它們轉換為字符串
const date2 = moment('2016-09-16').toString()
const date2 = moment('2016-09-16').toISOString()
const date3 = DateTime.local(2016, 9, 16).toString()
或使用Unix時間戳
const date2 = moment('2016-09-16').unix()
const date3 = moment('2016-09-16').valueOf()
const date4 = moment('2016-09-16').getTime()
const date5 = DateTime.local(2016, 9, 16).valueOf()
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.