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

本文讲述了在Element-ui的date-picker组件中,如何处理因绑定非Date对象(如字符串或数字)到date属性导致的错误,强调了确保数据类型正确并提供示例代码进行日期字符串转换为Date对象的操作。

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

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

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