el-date-picker 的初始化数据格式理解、报错 “TypeError: date.getFullYear is not a function“
时间: 2024-04-23 18:28:25 浏览: 162
ngx-input-date-range-picker:角度输入日期范围选择器库
el-date-picker 的初始化数据格式是一个 Date 类型的对象。你可以通过 new Date() 创建一个 Date 对象,然后将其赋值给 el-date-picker 的 v-model 属性来进行初始化。
如果你遇到了报错 "TypeError: date.getFullYear is not a function",这通常是因为你给 el-date-picker 绑定的数据不是一个有效的 Date 对象。请确保你传递给 el-date-picker 的数据是一个有效的 Date 对象,而不是其他类型的数据。
你可以通过在控制台打印出传递给 el-date-picker 的数据来检查其类型。确保它是一个 Date 对象,或者在使用之前将其转换为 Date 对象。
以下是一个示例代码,演示如何正确初始化 el-date-picker 的数据:
```html
<template>
<div>
<el-date-picker v-model="selectedDate" type="date" placeholder="选择日期"></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
selectedDate: new Date(), // 初始化为当前日期
};
},
};
</script>
```
请注意,el-date-picker 也支持字符串类型的日期格式。如果你使用字符串来初始化 el-date-picker 的数据,确保它符合日期格式要求,例如:'YYYY-MM-DD'。
阅读全文