Form 組件提供了表單驗(yàn)證的功能，只需要通過 rules 屬性傳入約定的驗(yàn)證規(guī)則，并將 Form-Item 的 prop 屬性設(shè)置為需校驗(yàn)的字段名即可。但是官網(wǎng)的示例只有普通日期類型的驗(yàn)證，沒有時(shí)間范圍的驗(yàn)證。

一開始，我認(rèn)為時(shí)間時(shí)間范圍的是一個(gè)數(shù)組類型，驗(yàn)證rule把type寫成array應(yīng)該就可以了，但是試了一下卻不行。

代碼：

結(jié)果界面上還是提示驗(yàn)證失敗：

網(wǎng)上查找了一下，也沒有找到解決辦法。看了一下官網(wǎng)文檔，表單支持自定義校驗(yàn)規(guī)則，那么可以自己寫一個(gè)校驗(yàn)規(guī)則，把上面的rule代碼改成下面這樣：

重點(diǎn)是validator:validatorDateRange這句，意思是使用自己定義的validatorDateRange校驗(yàn)函數(shù)，函數(shù)定義如下：

在這個(gè)函數(shù)中就可以自己判斷數(shù)據(jù)是否正確，上面的代碼只是簡(jiǎn)單判斷了值是否為空，嚴(yán)格一點(diǎn)還可以添加時(shí)間是否正確的檢查，最后運(yùn)行效果如下：

不再提示時(shí)間不對(duì)了，完美運(yùn)行。

轉(zhuǎn)載于:https://www.cnblogs.com/lixiuke/p/9871333.html

總結(jié)

以上是生活随笔為你收集整理的Elemant-UI日期范围的表单验证的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。