element中TimePicker 時間選擇器初始值為空時無法選中的問題

TimePicker在官網中給的例子是有默認值的

<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 就可以正常使用了。

記錄一下