el-date-picker TypeError: Cannot read properties of null (reading 'getHours')
时间: 2023-11-28 12:03:36 浏览: 1115
react-native-alt-date-time-picker:用于日期时间选择的替代 UI
该错误的原因是绑定的数据格式不正确,期望的是字符串类型,而实际传入的是null或undefined。在日期选择器中,使用了getHours方法来获取小时数,但是当绑定的数据为null或undefined时,无法获取到该属性,从而导致该错误的出现。
要解决这个问题,你可以将绑定的数据格式修改为字符串类型,确保传入的值不为空。你可以在绑定的数据前面加一个判断,如果数据为空,则给它一个默认值,或者直接修改为字符串类型。
请参考下面的代码示例:
```javascript
<template>
<el-date-picker v-model="selectDate" :picker-options="pickerOptions" type="date" placeholder="选择日期"></el-date-picker>
</template>
<script>
data() {
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now(); // 禁用当前时间之后的时间
}
},
selectDate: '' // 将绑定的数据类型修改为字符串类型,并给一个默认值
}
}
</script>
```
你也可以在绑定数据的时候先对其进行判断和转换,确保传入的值是一个字符串类型。
阅读全文