element 时间日期选择器el-date-picker点击清空按钮报错 Cannot read property ‘0‘ of null

在使用DatePicker日期选择器选择日期范围的时候，会用到一个属性clearable。这个属性是Boolean变量，用于决定是否显示清除按钮，默认为true。

<el-date-pickerv-model="value"type="daterange":clearable="true"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期">
</el-date-picker>

data(){return {value:[]}
}

在选择日期范围之前，value是一个空数组。选择日期后，输出value:

当点击清除按钮后，再次输出value，就会发现这种报错信息:

出现这种情况的原因是: 当点击清除按钮的时候，value会被设置为null。
Element-ui中没有内置清除按钮的回调函数。因此要解决这个bug,我使用的方法是在下次调用之前，为value重新赋值，即:

if (!this.value) {this.value = []
}

elementui 一些组件其他问题解决办法：传送门

element 时间日期选择器el-date-picker点击清空按钮报错 Cannot read property ‘0‘ of null相关推荐

使用element ui 日期选择器获取值后的格式问题
一般情况下,我们需要给后台的时间格式是: "yyyy-MM-dd" 但是使用Element ui日期选择器获取的值是这样的: Fri Sep 22 2017 00:00:00 GM ...
最好用的 12 款 Vue Timepicker 时间日期选择器测评推荐 - 卡拉云
本文首发:<最好用的 12 款 Vue Timepicker 时间日期选择器测评推荐 - 卡拉云> Vue 时间日期选择器(date-timepicker)组件在使用 Vue 框架开发中使 ...
DateTimePicker 日期时间选择器报错 Cannot read property ‘getHours‘ of undefined, 无法选中`[__ob_: observer__]`时做判断
我在一次开发中遇到了这个情况:使用DateTimePicker 日期时间选择器,出现无法选中, 报错 Cannot read property 'getHours' of undefined, 这个原 ...
解决select 下拉框选择器 input输入框、时间日期选择器el-date-picker 赋值后，出现无法修改选中更改问题
ElementUI时间选择器,传入时间赋值后之后无法改变 // ElementUI的表格组件<el-date-pickersize="mini"style="wid ...
【vue开发问题-解决方法】（五）vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function
[vue开发问题-解决方法](五)vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function 参考文章: (1)[vue开发问题-解决方法](五) ...
微信小程序之滚动选择器(时间日期选择器)
微信小程序自己封装了很多控件,用起来确实很方便,如果这是Android里面,还需要自己去定义,不废话,效果图: 一起来看看怎么实现的呢?看完你应该就该说,尼玛,这就行啦-. 这个效果呢,要用到pick ...
Element el-date-picker 日期选择器详解
点此查看全部文字教程.视频教程.源代码本文目录 1. 前言 2. 基本用法 3. 日期格式化 4. 选择其他日期单位 5. 选择多个日期 6. 带快捷选项 7. 禁用部分日期 8. 小结 1. 前言 ...
element 让日期选择器一直显示选择面板
element 日期选择一直显示问题描述解决方案问题描述想要达到如下效果,使得日期选择器的日期选择面板一直展示着,无论是点击其他地方还是点击了日期,都显示着. 解决方案通过翻阅官方文档 El ...
Element | DatePicker 日期选择器区间设置默认值（当前月第一天到当天）
记一个,日期选择器的一个小方法 <el-date-pickerv-model="dataRange"type="daterange"align=" ...

element 时间日期选择器el-date-picker点击清空按钮报错 Cannot read property ‘0‘ of null

element 时间日期选择器el-date-picker点击清空按钮报错 Cannot read property ‘0‘ of null相关推荐

最新文章

热门文章