[Element-UI] 使用Element-UI的DateTimePicker組件報錯:Cannot read property 'getHours' of undefined

使用Element-UI組件的DateTimePicker，如下：

<template>
  <div class="block">
    <span class="demonstration">時間</span>
    <el-date-picker
      v-model="value"
      type="datetime"
      placeholder="選擇日期時間">
    </el-date-picker>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: '1554189000'
      };
    }
  };
</script>

如果value 為時間戳或者yyyy-MM-dd hh:mm:ss格式，會報錯：

TypeError: Cannot read property 'getHours' of undefined

因為date-picker 的時間是格林威時間，賦給v-model的值需要格林威時間格式，如果value 為yyyy-MM-dd hh:mm:ss，則只需要在 el-date-picker 節點上增加一個格式化value的屬性 value-format="yyyy-MM-dd hh:mm:ss"

如

<el-date-picker
          v-model="value"
          type="datetime"
          value-format="yyyy-MM-dd hh:mm:ss"
          placeholder="選擇日期時間">
 </el-date-picker>

如果value 為時間戳，則只需要value = new Date(value * 1000) 轉換一次即可