element UI 的TimePicker 时间选择器的默认值问题

    TimePicker 时间选择器，在使用 is-range 属性实现时间区间选择效果：

 

正常用法：

<template>
  <el-time-picker
    is-range
    v-model="timeRange"
    value-format="HH:mm:ss"
    range-separator="至"
    start-placeholder="开始时间"
    end-placeholder="结束时间"
    placeholder="选择时间范围">
  </el-time-picker>
</template>

<script>
  export default {
    data() {
      return {
        timeRange: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)]
      };
    }
  }
</script>

        在初始化状态时，如果希望不显示任何默认的值，可以将 timeRange 默认赋值为 ['', '']，同时设置 value-format="HH:mm:ss"，假如只给一个空数组时，会导致组件change事件回调不能得到期望的String 日期格式的数据类型。

        如果想返回Date类型的数据，则可以将 timeRange 默认赋值为 [null,  null]，不设置 value-format，但组件内会赋默认值。