el-date-picker 的初始化数据格式理解、报错 “TypeError: date.getFullYear is not a function“_el-date-picker date.getfullyear is not a function

个人理解

如果后端传给前端的时间数据是字符串类型的，那么当触发 el-date-picker 组件时，就会报出很多错误，例如

这是由于初始化赋值格式的问题，需要对初始化值，进行一个 new Date(your_time_data)

前端演示模板：

<template>
        <el-date-picker v-model="formData.time"
                          type="datetime"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd HH:mm:ss"
                          placeholder="选择时间">
          </el-date-picker>
</template>
<script>

省略内容...

this.formdata.time = new Date('2023-7-7') // 前端获取到时间数据，字符串格式

省略内容...
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

参考链接

1. vue知识点—element el-date-picker 插件默认时间属性default-value怎么赋值？