Element-ui date-picker组件报错 date.getHours is not a function

东方文艺复兴2024-02-12 20:23

这个错误通常意味着date这个变量并不是一个真正的日期对象，而是其他类型，例如字符串或数字。因此，无法调用日期对象的getHours方法。

在Element-ui中使用date-picker组件时，应该保证绑定的数据是Date对象，而不是其他类型。以下是一个基本的例子：

javascript 复制代码

<template>
  <el-date-picker v-model="date" type="datetime" placeholder="选择日期时间">
  </el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: new Date(), // 初始化为当前日期时间
    };
  },
};
</script>

在这个例子中，date是一个Date对象。当从服务器获取数据或者从其他地方获取日期，并且这个日期不是Date对象的时候，需要先将其转换为Date对象。例如，如果获取的是一个日期字符串，可以这样转换：

javascript 复制代码

let dateStr = '2023-10-10T14:48:00.000Z'; // 从服务器获取的日期字符串
this.date = new Date(dateStr); // 转换为Date对象