鍍金池/ 問答/HTML/ element-ui 選擇日期范圍的校驗(yàn)

element-ui 選擇日期范圍的校驗(yàn)

圖片描述

后端那邊要求把這個(gè)日期范圍的選擇做成表單的必填項(xiàng)，但是沒有在element-ui中找到對(duì)應(yīng)的校驗(yàn)，我試著在rules中填寫了required和message,但是沒有選擇時(shí)間時(shí)頁(yè)面上并沒有顯示“請(qǐng)選擇時(shí)間”字樣，有誰能幫忙解答一下嗎，多謝啦

回答
編輯回答
半心人

http://element-cn.eleme.io/#/...
Form 組件提供了表單驗(yàn)證的功能，只需要通過 rules 屬性傳入約定的驗(yàn)證規(guī)則，并將 Form-Item 的 prop 屬性設(shè)置為需校驗(yàn)的字段名即可.仔細(xì)看一下文檔

2018年9月1日 04:25
編輯回答
尛曖昧

可以自定義一個(gè)檢驗(yàn)啊

data(){
    var validDate = (rule,value,callback) => {
        if(!value[0] || !value[1]){
            callback(new Error("請(qǐng)選擇時(shí)間"))
        }else{
            callback()
        }
    }
    return {
        rules: {
            daterange: [{
                validator: validDate,
                trigger: 'blur'
            }]
        }
    }
}

還可以進(jìn)行復(fù)雜一點(diǎn)的驗(yàn)證，比如daterange是否是數(shù)組類型，還有日期間隔的驗(yàn)證

2017年10月25日 08:25