[Element-UI] 使用Element-UI的DateTimePicker组件报错:Cannot read property 'getHours' of undefined

使用Element-UI组件的DateTimePicker,以下:spa

<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格式,会报错:code

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"
orm

blog

<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) 转换一次便可ip

相关文章
相关标签/搜索