【iview】解决DatePicker时间清空后数据还在的问题

在用iview组件库中的timePicker组件时遇到了如上问题。代码如下：

	<DatePicker 
		type="daterange" 
		placeholder="请选择起始日期" 
		style="width: 200px"
		v-model="dateParam"
		ref="DatePicker"
	></DatePicker>

	// 重置方法
	reset(){
		this.$refs.DatePicker.$children[0].handleClear();
	}

我们输出一下this.$refs.DatePicker，如下图：
发现组件内部还有一个子组件，就是input,仔细看下图，input有个方法是handlerClear。
所以解决方法是：
点击重置时,时间赋值为null,并且this.$refs.DatePicker.$children[0].handleClear();