程序员经验分享-hwhale

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

2023-11-03

在使用 Element-UI 的 DateTimePicker 组件时报错: TypeError: Cannot read property 'getHours' of undefined

具体错误如下：

TypeError: Cannot read property 'getHours' of undefined
    at o.hours (index.js:1)
    at St.get (vue.min.js:6)
    at St.evaluate (vue.min.js:6)
    at o.hours (vue.min.js:6)
    at index.js:1
    at o.Pt [as _l] (vue.min.js:6)
    at o.n (index.js:1)
    at o.fn._render (vue.min.js:6)
    at o.<anonymous> (vue.min.js:6)
    at St.get (vue.min.js:6)

错误原因：

date-picker 的时间是格林威时间，如 Thu Jun 22 2019 17:10:30 GMT+0800，然而我们却用的是时间字符串：2019-06-22 17:10:30 或时间戳的格式去绑定 date-picker，因此就会报以上错误。

解决方案：

将v-model绑定的时间转换成格林威时间Thu Jun 22 2019 17:10:30 GMT+0800即可！转换很简单，只需new Date()一下就可以了。this.data.startTime = new Date(this.data.startTime)

 

 

 

 

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

前端技术点

前端ElementUI

使用Element-UI的DateTimePicker组件报错:Cannot read property 'getHours' of undefined 的相关文章

  • React配置webpack（一）

    一 安装 create react app npx create react app react webpack app cd react webpack app npm start 二 初始化项目 npm init y 三 安装所需包 w

  • Linux中Hadoop的安装与配置

    1 首先关闭虚拟机的防火墙 2 查看防火墙状态 3 然后修改主机名称 配置hosts vi etc hosts 前面是自己的主机IP地址 后面是想要修改的主机名称 修改完成保存后reboot重启即可修改完成 4 把Hadoop和jdk压缩包

  • 一文读懂迭代器(iterator)在vector中的用法

    首先写好头文件vector和string的头文件是 include

  • Linux中vim下方向键变成ABCD,backspace无法删除字符的解决办法

    在linux中安装完VIM后 发现在insert模式下 按下四个方向键在屏幕中会输出ABCD这样的字符 并且Backspace无法实现删除功能 虽然可以在normal模式下通过hjkl实现光标的移动 通过x和d实现删除功能 但是每次都要进行

  • 【Python编程】删除列表中具有连续重复项的元素

    删除列表中具有连续重复项的元素 输入 1 1 1 1 1 1 2 3 4 4 5 1 2 输出 1 2 3 4 5 1 2 方法1 循环遍历 a 1 1 1 1 1 1 2 3 4 4 5 1 2 i 0 while i lt len a

  • 如何成为一名AI人工智能算法工程师？

    https www toutiao com a6707050434688713227 经常有朋友私信问 如何学python呀 如何敲代码呀 如何进入AI行业呀 正好回头看看自己这一年走过的路 进行一次经验总结 来看看你距离成为一名AI工程师

  • 时序预测：MATLAB实现时间序列回归之Bootstrapped测试

    时序预测 MATLAB实现时间序列回归之Bootstrapped测试 时序预测是实际应用中非常重要的任务 它在金融 企业经营 气象预测等领域都有广泛的应用 而时间序列回归也是时序预测中最为基础和实用的方法之一 本文将通过MATLAB对时间序

  • 【QT实战】第一章 QT实现画板工具的制作

    作者主页 凉开水白菜 作者简介 共同学习 互相监督 热于分享 多加讨论 一起进步 专栏目录 零基础学QT 文章导航篇 专栏资料 https pan baidu com s 192A28BTIYFHmixRcQwmaHw 提取码 qtqt 点

  • c++ 学习之 构造函数的使用规则

    上规则 默认情况下 c 编译器至少给一个类添加三个函数 1 默认构造函数 无参 函数体为空 2 默认析构函数 无参 函数体为空 3 默认拷贝函数 对其属性进行值拷贝 构造函数调用规则 如果用户定义有参构造函数 c 不再提供默认无参构造函数

  • android自定义数字键盘

    前言 最近需要做一个自定义的数字键盘 开始使用了下系统自带的KeyBoardView 但是发现UI效果不是很理想 最后还是自己画一个自定义键盘 这样在UI方面更加方便 先看效果图吧 思路 1 键盘4行 3列的布局分为12个单元格 6条直线分

  • 【神经网络学习】鸢尾花分类的实现

    目录 1 问题 2 问题解决思路 3 神经网络理论准备 4 Tensor Flow编程基础 5 鸢尾花分类神经网络实现 1 问题 鸢尾花分为 狗尾草鸢尾 杂色鸢尾 弗吉尼亚鸢尾 通过测量 花萼长 花萼宽 花瓣长 花瓣宽 这四个参数得出鸢尾花

  • PCB的3D模型的一些工具

    stp转 step的工具 免费将 STP 转换为 STEP ImageToStl

  • Windows 修改 cmd 命令行窗口字符编码

    查看当前 cmd 命令行窗口字符编码 已经是UTF 8 如果要修改为UTF 8 打开注册表 WIN R输入 regedit 回车 找到 HKEY LOCAL MACHINE SOFTWARE Microsoft Command Proces

  • WMS仓储管理系统在各种行业中，都有哪些作用

    由计算机控制的仓库管理系统的目的是独立实现仓储管理各种功能 收货 在正确的地点存货 存货管理 订单处理 分拣和配送控制 WMS仓储管理系统将关注的焦点集中于对仓储执行的优化和有效管理 同时延伸到运输配送计划 和上下游供应商客户的信息交互 从

  • python PDB调试

    1 python m pdb py 从第一行开始pdb调试 2 断点设置 在某一行插入 import pdb pdb set trace 3 常用命令 n ext 下一步 s tep 进入函数 c ontinue 继续到下一个断点 l is

  • 如何计算：结构体内存的大小（在结构体的考察中占据非常重要的地位）

    在之前的文章中 笔者就结构体的简单定义 初始化 等内容 进行了简单描述 但是 对于int double float char 等类型都有自己的大小 但是 对于一个结构体 它的大小该如何计算呢 确实是一个疑问 这个也是不少老铁 在刚学结构体时

随机推荐

  • Vinted、PoshMark、Carousell这些海外二手跨境电商平台如何运营？

    相信大家都知道 闲鱼 二手交易平台一般来说入驻成本低 运营操作简单 平台流量多 因此也非常适合小型卖家入驻 那么海外的 闲鱼 有哪些呢 如何运营 小编为大家找到了国外热门这些平台 有Vinted Facebook marketplace P

  • Excel实现数据项校验的功能---VBA的编写以及数据有效性的设置

    学习VBA的网址 VBA比较运算符 VBA教程 VBA在Excel中的应用 一 改变符合条件单元格的背景颜色 vba判断不是空 百度知道 测试文件 链接 http pan baidu com s 1o7QsCJo 密码 eni7 1 启用宏

  • 《精通direct3d图形及动画程序设计》学习(7)(2012年12月23日）

    8 1 深度测试 22 56

  • 峡谷之巅显示服务器更新,峡谷之巅更新最新资讯

    英雄联盟峡谷之巅第七赛季之前就结束了 目前这次赛季的结算奖励马上就要发放了 很多玩家还不清楚在哪领取 下面就来为大家详细的介绍一下领取地址 英雄联盟峡谷之巅第六赛季的奖励正式的公布了 这次只要排位赛胜场最多的2000名玩家就可以领取到奥术师

  • SpringMVC 中整合JSON、XML视图一

    原文地址 http blog csdn net ibm hoojo article details 6371647 SpringMVC中整合了JSON XML的视图 可以通过这些视图完成Java对象到XML JSON的转换 转换XML提供了

  • nrm安装后报错 require() of ES modules is not supported.

    报错如下 根据路径打开cli js文件 第九行使用 open 的是CommonJs 规范的包 现在 open v9 0 0 是 ES Module 版本的包 解决方法 npm install g nrm open 8 4 2 save

  • Java中的NIO和IO的比较

    java标准的I O中 提供了基于流的I O实现 即InputStream和OutputStream 这种基于流的实现以字节为单位处理数据 NIO在java 1 4中被纳入到了JDK中 与旧式的的基于流的I O相比 NIO是基于块的 以块为

  • java案例4：银行存取款的程序设计

    银行存取款的程序设计 用户在银行进行存款 取款 查询余额 编写一个账户类实现银行账户的概念 创建账户类的对象ba 假设账号为123456 初始余额为500元 实现向该账户存入1000元 再取出800元 分析 1 定义一个银行账户类 实现账户

  • Docker打包Springboot及查看日志的方法

    查看Docker容器中的日志信息 docker logs 容器名称 docker logs mynginx 打印容器中的日志信息并形成文件 docker logs mynginx cat 1 gt home myngnx log 进入容器操

  • 书写SQL必养成的好习惯

    前言 每一个好习惯都是一笔财富 本文分SQL后悔药 SQL性能优化 SQL规范优雅三个方向 分享写SQL的21个好习惯 1 写完SQL先explain查看执行计划 SQL性能优化 日常开发写SQL的时候 尽量养成这个好习惯呀 写完SQL后

  • 牛客刷题错题（二）——测试知识

    1 风险暴露又称风险曝光度 测量的是资产的整个安全性风险 某公司软件团队计划项目中采用20个可复用的构件 每个构件平均是100LOC Line of Code 源代码行数 本地每个LOC的成本是150元人民币 下面是该团队定义的一个项目风险

  • 印象笔记出现感叹号无法同步

    印象笔记出现感叹号无法同步 打开ie浏览器试试 我估计应该是和安全证书有关系 勾选客户端验证 点击局域网设置 勾选自动检测设置

  • 【多模态】20、OVR-CNN

    文章目录 一 背景 二 方法 2 1 学习 视觉 语义 空间 2 2 学习开放词汇目标检测 三 效果 论文 Open Vocabulary Object Detection Using Captions 代码 https github co

  • Java学习——面向对象编程思想

    目录 一 基本概念 二 面向对象与面向过程的区别 三 面向对象程序设计的类与对象 3 1 对象 3 2 类 四 面向对象的四大特征 4 1 抽象 4 2 继承 4 3 封装 4 4 多态 1 实现多态性的三种方式 2 重载 3 重写 4 接

  • JS 作用域，闭包，this

    作用域 闭包 this 3 1 面试题 1 this 的不同应用场景 如何取值 2 手写 bind 函数 3 实际开发中闭包的应用场景 举例说明 4 程序题 打印输出 for var i 0 i lt 10 i 1 setTimeout g

  • IO复用之select、poll、epoll

    select poll epoll区别 select poll epoll https www cnblogs com aspirant p 9166944 html select poll epoll整理 https www cnblog

  • picgo配置错误的记录,提示StatusCodeError:403 -＜?xml version=xxxxxxxx＞

    1 配置的时候 总是提示StatusCodeError 403

  • 自动化Ansible常见命令

    举个例子备份Cisco交换机配置 查看CPU 占用率的统计信息 display cpu usage 查看内存的使用状态 display memory usage 查看电源的工作状态 display power 查看接口是否工作在正常状态 d

  • Git windows环境下的安装

    一 下载地址 https git scm com download win 下载符合自己系统的版本 二 安装 注意安装在英文无空格的路径下 点击下载好的文件 1 选择安装选项 默认就好 点击next 2 安装完成后桌面鼠标右键出现git选项

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

    在使用 Element UI 的 DateTimePicker 组件时报错 TypeError Cannot read property getHours of undefined 具体错误如下 TypeError Cannot read

热门标签