element中TimePicker 时间选择器初始值为空时无法选中的问题

TimePicker在官网中给的例子是有默认值的

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

<template>   <el-time-picker     is-range     v-model="value1"     range-separator="至"     start-placeholder="开始时间"     end-placeholder="结束时间"     placeholder="选择时间范围">   </el-time-picker>   <el-time-picker     is-range     arrow-control     v-model="value2"     range-separator="至"     start-placeholder="开始时间"     end-placeholder="结束时间"     placeholder="选择时间范围">   </el-time-picker> </template>   <script>   export default {     data() {       return {         value1: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)],         value2: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)]       };     }   } </script>

上面是官网的例子和效果。

因为我自己的需求是不需要默认时间的，我就改成value1：[] 或 value1：['', ''] 或 value1：[null, null]这样子，然后都是无法选中。

后面改成value1： null 就可以正常使用了。

记录一下