vue elementUI日期報(bào)錯(cuò)dateObject.getTime is not a function問(wèn)題及解決
更新時(shí)間：2025年12月04日 09:13:34 作者：FinelyYang
文章描述了在使用Vue和Element UI時(shí),日期選擇器報(bào)錯(cuò)的問(wèn)題,原因?yàn)閞ules中設(shè)置了type:'date',導(dǎo)致初始化為string類(lèi)型,修改方法是初始化時(shí)間為new Date(),并去掉rules中的type:'date'
vue elementUI日期報(bào)錯(cuò)dateObject.getTime is not a function
頁(yè)面：
代碼：
然后選擇日期或者點(diǎn)擊“解析”按鈕提交validate校驗(yàn)表單都報(bào)錯(cuò)：
分析原因?yàn)閞ules中type:'date'造成的，因?yàn)槌跏蓟闪藄tring類(lèi)型。改為new Date().
點(diǎn)擊“解析”提交validate 校驗(yàn)不再報(bào)錯(cuò)，但是重新選擇時(shí)間還是報(bào)錯(cuò)：TypeError: dateObject.getTime is not a function。
重新選擇后的時(shí)間變?yōu)樽址畬?dǎo)致rules 中validate 報(bào)錯(cuò)。
最終修改方法
1.初始化時(shí)間改為：
2.去掉rules中的type:'date'：
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Vue2?elementUI年份區(qū)間選擇組件使用方法
- Vue2使用cli腳手架引入ElementUI教程
- vue3+elementui plus如何實(shí)現(xiàn)多選分頁(yè)列表的新增和修改
- elementUI+vue+printJs實(shí)現(xiàn)頁(yè)面表格數(shù)據(jù)打印功能實(shí)例
- Vue之elementUI下拉菜單dropdown組件中command方法添加額外參數(shù)方式
- vue3+elementUI如何動(dòng)態(tài)修改Loading中提示文字
- Vue2集成ElementUI實(shí)現(xiàn)左側(cè)菜單導(dǎo)航功能
相關(guān)文章
這篇文章主要介紹了Vue中在setup下如何使用自定義指令，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
在?Vue?的響應(yīng)式系統(tǒng)中,依賴(lài)收集是貫穿整個(gè)數(shù)據(jù)驅(qū)動(dòng)視圖的核心環(huán)節(jié),本文將從?Vue?2?的源碼出發(fā),層層拆解依賴(lài)收集的完整流程,帶你從?“使用層”?走向?“原理層”,真正理解?Vue?響應(yīng)式的底層邏輯2026-03-03
vue實(shí)現(xiàn)商品購(gòu)物車(chē)全選反選
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)商品購(gòu)物車(chē)全選反選，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
vue項(xiàng)目中更改名字和圖標(biāo)的簡(jiǎn)單實(shí)現(xiàn)步驟
今天在寫(xiě)vue項(xiàng)目時(shí)碰到的問(wèn)題是怎么修改vue的網(wǎng)頁(yè)圖標(biāo),所以下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目中更改名字和圖標(biāo)的簡(jiǎn)單實(shí)現(xiàn),文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
vue 項(xiàng)目build錯(cuò)誤異常的解決方法
這篇文章主要介紹了vue build錯(cuò)誤異常的解決方法 ，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04
vue-cli+webpack項(xiàng)目打包到服務(wù)器后,ttf字體找不到的解決操作
這篇文章主要介紹了vue-cli+webpack項(xiàng)目打包到服務(wù)器后,ttf字體找不到的解決操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
前端項(xiàng)目中如何使用百度地圖api(含實(shí)例)
當(dāng)我們遇到定位展示的時(shí)候會(huì)出現(xiàn)使用地圖展示的需求,下面這篇文章主要給大家介紹了關(guān)于前端項(xiàng)目中如何使用百度地圖api(含實(shí)例)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
Vue3中的Refs全解析(附實(shí)戰(zhàn)案例)
Vue3的Refs是一種新的API,用于訪問(wèn)DOM元素或組件實(shí)例,這篇文章主要介紹了Vue3中Refs的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-06-06
使用 Vite 打包 TypeScript 項(xiàng)目的實(shí)現(xiàn)步驟
Vite 提供了一種簡(jiǎn)單而高效的方式來(lái)構(gòu)建和打包TypeScript項(xiàng)目,通過(guò)上面的步驟,你可以快速設(shè)置并運(yùn)行一個(gè) Vite + TypeScript 的開(kāi)發(fā)環(huán)境,下面就來(lái)詳細(xì)的了解一下2026-05-05
vue3+vite使用postcss-pxtorem、autoprefixer自適應(yīng)和自動(dòng)添加前綴
這篇文章主要介紹了vue3+vite使用postcss-pxtorem、autoprefixer自適應(yīng)和自動(dòng)添加前綴方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10