zoukankan      html  css  js  c++  java
  • [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) 转换一次即可

  • 相关阅读:
    Java中hashCode() 和 equals()
    【转】Java操作Excel竟然这么简单!
    SpringMVC上
    网络基础知识(2)
    网络基础知识 (1)
    线程的安全
    多线程
    字符编码ANSI和ASCII区别、Unicode和UTF-8区别
    序列化对象
    IO流_File类
  • 原文地址:https://www.cnblogs.com/frost-yen/p/10643003.html
Copyright © 2011-2022 走看看