vue elementUI日期报错dateObject.getTime is not a function问题及解决

 更新时间:2025年12月04日 09:13:34   作者:FinelyYang  
文章描述了在使用Vue和Element UI时,日期选择器报错的问题,原因为rules中设置了type:'date',导致初始化为string类型,修改方法是初始化时间为new Date(),并去掉rules中的type:'date'

vue elementUI日期报错dateObject.getTime is not a function

页面:

代码:

然后选择日期或者点击“解析”按钮提交validate校验表单都报错:

分析原因为rules中type:'date'造成的,因为初始化成了string类型。改为new Date().

点击“解析”提交validate 校验不再报错,但是重新选择时间还是报错:TypeError: dateObject.getTime is not a function。

重新选择后的时间变为字符串导致rules 中validate 报错。

最终修改方法

1.初始化时间改为:

2.去掉rules中的type:'date':

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue中在setup下如何使用自定义指令

    Vue中在setup下如何使用自定义指令

    这篇文章主要介绍了Vue中在setup下如何使用自定义指令,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • 从源码角度带你深入理解Vue依赖收集的核心

    从源码角度带你深入理解Vue依赖收集的核心

    在 Vue 的响应式系统中,依赖收集是贯穿整个数据驱动视图的核心环节,本文将从 Vue 2 的源码出发,层层拆解依赖收集的完整流程,带你从 “使用层” 走向 “原理层”,真正理解 Vue 响应式的底层逻辑
    2026-03-03
  • vue实现商品购物车全选反选

    vue实现商品购物车全选反选

    这篇文章主要为大家详细介绍了vue实现商品购物车全选反选,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue项目中更改名字和图标的简单实现步骤

    vue项目中更改名字和图标的简单实现步骤

    今天在写vue项目时碰到的问题是怎么修改vue的网页图标,所以下面这篇文章主要给大家介绍了关于vue项目中更改名字和图标的简单实现,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • vue 项目build错误异常的解决方法

    vue 项目build错误异常的解决方法

    这篇文章主要介绍了vue build错误异常的解决方法 ,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作

    vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作

    这篇文章主要介绍了vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • 前端项目中如何使用百度地图api(含实例)

    前端项目中如何使用百度地图api(含实例)

    当我们遇到定位展示的时候会出现使用地图展示的需求,下面这篇文章主要给大家介绍了关于前端项目中如何使用百度地图api(含实例)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • Vue3中的Refs全解析(附实战案例)

    Vue3中的Refs全解析(附实战案例)

    Vue3的Refs是一种新的API,用于访问DOM元素或组件实例,这篇文章主要介绍了Vue3中Refs的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-06-06
  • 使用 Vite 打包 TypeScript 项目的实现步骤

    使用 Vite 打包 TypeScript 项目的实现步骤

    Vite 提供了一种简单而高效的方式来构建和打包TypeScript项目,通过上面的步骤,你可以快速设置并运行一个 Vite + TypeScript 的开发环境,下面就来详细的了解一下
    2026-05-05
  • vue3+vite使用postcss-pxtorem、autoprefixer自适应和自动添加前缀

    vue3+vite使用postcss-pxtorem、autoprefixer自适应和自动添加前缀

    这篇文章主要介绍了vue3+vite使用postcss-pxtorem、autoprefixer自适应和自动添加前缀方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10

最新评论