elementUI设置失效日期,当天以及之后的日期不可选,一个月前的日期不可选

1、代码



data() {
        return {
            selectDays: "",   //选择的日期

            //设置失效日期,当天以及之后的日期不可选,一个月以前的不可选
            expireTimeOption: {
                //disabledDate 文档上:设置禁用状态,参数为当前日期,要求返回 Boolean
                disabledDate(date) {
                    const today = new Date()
                    today.setHours(0, 0, 0, 0)
                    const oneMonthAgo = new Date(today.getTime()-30*24*60*60*1000)
                    return date.getTime() > today.getTime() || date.getTime() < oneMonthAgo.getTime() || date.getTime() === today.getTime()
                },
            },
        }
    },

2、效果

elementUI设置失效日期,当天以及之后的日期不可选,一个月前的日期不可选_第1张图片

 

你可能感兴趣的:(web,elementui,vue.js,javascript)