el-date-picker 在原有数据上更改日期的时候，报错TypeError: date.getHours is not a function

已于 2024-08-12 17:02:39 修改
阅读量125 收藏
点赞数 3
文章标签： vue.js 前端 javascript
于 2024-08-12 15:49:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/white_777/article/details/141133654
版权

场景：如上图所示，在原有的表单数据中，更改时间选择器的选择时间时，产生报错

原因：检查后端返回的数据格式为字符，非标准时间格式，两者有区别，

解决方式：需要将列表中的字段数据转成日期格式     方式：this.parseTime(new Date(）)

孟夏廿四
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react-daterange-picker:React 应用的日期范围选择器
08-04
通过添加import DateRangePicker from '@wojtekmaj/react-daterange-picker'来import DateRangePicker from '@wojtekmaj/react-daterange-picker' 。 通过添加<DateRangePicker> 。 使用onChange道具获取新值。 ...
vue-ctk-date-time-picker:VueJS组件选择日期和时间，包括范围模式
04-13
VueCtkDateTimePicker 用于选择日期（可用范围模式）和时间的Vue组件 本文档适用于v2。*。 查找v1文档暗模式演示版安装纱yarn add vue-ctk-date-time-picker NPM npm i --save vue-ctk-date-time-picker用法ES6模块/...
vue2 element el-date-picker报错TypeError: e.getHours is not a function
qq_41421033的博客
06-26 1319
错误出现场景:1.编辑回显数据时2.时间组件由v-if控制并且为隐藏状态时3.时间组件v-model接受接口返回的数据为null时4.这时候时间组件v-if为true展示时就出现了标题报错。
Vue问题1：TypeError：date.getHours is not a function
Sunshine0508的博客
06-25 1万+
再用vue的时间控件的时候遇到了如下的问题：解决方法：在&lt;el-date-picker&gt;&lt;/el-date-picker&gt;时间控件加上value-format="yyyy-MM-dd"以防出现date.getTimes is not a function以下的applyTime设置为null时间控件输入框的校验的type=“date”去除；...
el-date-picker：Error in v-on handler: “TypeError: date.getHours is not a function“ found in
最新发布
Aa12364567的博客
05-18 265
为时间赋值后，再次使用el-date-picker选择时间，报错。解决方法new Date 转换字符串为 Date 类型。出错原因，时间格式不正确。
vue+element-ui项目前端报错TypeError: date.getHours is not a function
热门推荐
绝圣弃智-零的博客
04-30 1万+
问题与答案都存在于场景、情景、背景之中。 问题背景： chrom浏览器，vue+element-ui项目，前端以表格形式显示员工信息，包括出生日期等。可编辑员工信息，包括出生日期等。出生日期使用了el-date-picker。 问题描述： 在编辑员工信息，编辑出生日期时，点击出现日期选择框，但是选择日期时，无反应，F12发现有错误： TypeError: date.getHo...
Error in v-on handler: “TypeError: date.getHours is not a function“
z989ccc的博客
07-20 1311
（前提是你设置了 format 和 value-format）很大原因是我们在使用el-data-pick的时候设置了 format 或者是 value-format，但是我们绑定的元素没有初始值，那么就会报以上的错误。
使用iview日期选择器时出现Error in v-on handler: “TypeError: date.getHours is not a function“
LanseMOgang的博客
05-13 2406
Error in v-on handler: “TypeError: date.getHours is not a function“
el-date-picker 英文改中文.doc
11-18
https://blog.csdn.net/xuelang532777032/article/details/121287203,内有博客截图，方便没有vip的小伙伴下载
react-native-daterange-picker:用于选择日期范围或单个日期的React Native组件
05-04
react-native-daterange-picker 一个React Native组件，用于选择日期范围或单个日期。 完全可定制使用Moment.js处理日期安装yarn add react-native-daterange-picker 或者npm install --save react-native-daterange...
【Java Web基础】（十六）JS报错：Uncaught TypeError: date.getHours is not a function
passer__jw767的博客
02-05 1183
先上报错： 原本的代码： function formateDate(date){ if(!date instanceof Date){ return ; } var year = date.getFullYear(); var month = date.getMonth() + 1; var date = date.getDate(); var hour = date.getHours(); var minute = date.get
element-ui时间控件报错：TypeError: date.getHours is not a function、“TypeError: date.getFullYear is not a fu
weixin_49573452的博客
02-11 1259
原因：后台与前台接受的数据格式不一致 根据后台实际数据格式设置前台数据格式 value-format=“yyy-MM-dd”
Element-ui date-picker组件报错 date.getHours is not a function
科技向善
02-09 2002
在这个例子中，date是一个Date对象。当从服务器获取数据或者从其他地方获取日期，并且这个日期不是Date对象的时候，需要先将其转换为Date对象。这个错误通常意味着date这个变量并不是一个真正的日期对象，而是其他类型，例如字符串或数字。因此，无法调用日期对象的getHours方法。在Element-ui中使用date-picker组件时，应该保证绑定的数据是Date对象，而不是其他类型。
element报错 “t.getFullYear is not a function” ，TypeError：date.getHours is not a function
lojieo的博客
05-20 7443
<el-date-picker v-model="setDate" type="date" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" placeholder="选择日期" > </el-date-picker> setDate:'' 总结：类型错误导致报错，date里面的值得类型不对，应该为字符串，而非其他类型 t.getFu...
element：日期插件：date.getHours is not a function
Crazy_GirlLL的博客
01-09 1455
问题在于，如果给inputVal赋值一个默认值，必须要和value-format的格式一样，他才能解析
关于时间框 date.getHours is not a function 报错问题解决
weixin_64374806的博客
10-13 8372
前端时间框报错TypeError: date.getHours is not a function
【已解决】date.getHours is not a function问题
weixin_43522332的博客
05-23 9886
问题：date.getHours is not a function； 分析：v-model="emp.beginDate" 中的emp.beginDate是一个数组，而data里面的beginDate："2018/01/01"是一个字符串，不符合！ 解决方法： beginDate:"2018/01/01"改为beginDate:'2018/01/01', 成功解决！！！ ...
el-date-picker 的初始化数据格式理解、报错 “TypeError: date.getFullYear is not a function“
07-25
el-date-picker 的初始化数据格式是一个 Date 类型的对象。你可以通过 new Date() 创建一个 Date 对象，然后将其赋值给 el-date-picker 的 v-model 属性来进行初始化。 如果你遇到了报错 "TypeError: date.getFullYear is not a function"，这通常是因为你给 el-date-picker 绑定的数据不是一个有效的 Date 对象。请确保你传递给 el-date-picker 的数据是一个有效的 Date 对象，而不是其他类型的数据。 你可以通过在控制台打印出传递给 el-date-picker 的数据来检查其类型。确保它是一个 Date 对象，或者在使用之前将其转换为 Date 对象。 以下是一个示例代码，演示如何正确初始化 el-date-picker 的数据： ```html <template> <div> <el-date-picker v-model="selectedDate" type="date" placeholder="选择日期"></el-date-picker> </div> </template> <script> export default { data() { return { selectedDate: new Date(), // 初始化为当前日期 }; }, }; </script> ``` 请注意，el-date-picker 也支持字符串类型的日期格式。如果你使用字符串来初始化 el-date-picker 的数据，确保它符合日期格式要求，例如：'YYYY-MM-DD'。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值