[Element-UI] 使用Element-UI的DateTimePicker组件报错:Cannot read property 'getHours' of undefined
2024-10-13 09:14:00
使用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) 转换一次即可
最新文章
- 16-1-27---图解HTTP(02)
- iSight集成Adams/View:Simcode
- ExtJS6 TreePanel树节点合上展开显示不同图标
- 一次完整的自动化登录测试-基于python+selenium进行cnblog的自动化登录测试
- IntelliJ Idea14 创建Maven多模块项目
- MongoDB整库备份与还原以及单个collection备份、恢复方法
- 微信JS-SDK DEMO页面和示例代码
- Android之智能问答机器人
- poj2955 区间dp
- 5、java反射基础
- OFBiz进阶之HelloWorld(五)创建新实体
- Microsoft强大团队(源代码)管理工具--TFS2010 与vs结合
- [Javascript] Ex: concatAll, map and filter
- SQL存储过程传入字段名查询.
- CYQ.Data 对于分布式缓存Redis、MemCache高可用的改进及性能测试
- Java读取Unicode文件(UTF-8等)时碰到的BOM首字符问题,及处理方法
- 【MySQL】【一】shell
- Confluence 6 归档一个空间
- 20165326 java第四周学习笔记
- python 多进程的启动和代码执行顺序
热门文章
- oracle 替换字符 replace
- 2019.01.23 hdu1693 Eat the Trees(轮廓线dp)
- vue.js实战(文摘)
- php $_SERVER中的一些选项说明
- IntelliJ IDEA 2017版 spring-boot2.0.4+mybatis+Redis处理高并发,穿透问题
- centos 7 安装 python3.6 python3 安装步骤以及pip pip3安装挂载
- AngularJS封装UEditor
- 12-简单认识下margin
- TortoiseGit disconnected no supported authentication
- 2018-04-11 activity周期