美文网首页
el-date-picker限制开始结束日期

el-date-picker限制开始结束日期

作者: 抽刀断水2 | 来源:发表于2018-04-29 20:54 被阅读0次
<el-date-picker v-model="filters.dateRange" type="daterange" placeholder="选择日期" size="mini" value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"  :picker-options="pickerOptions"  @change="changeDate">


pickerOptions: {
    disabledDate: (time) => {
        //console.log("###time:"  + time)
        // console.log("###this.startDate:"  + JSON.stringify(this.startDate))
        if(this.startDate != null) {
            return time.getTime() < this.startDate.getTime() || time.getTime() >= this.startDate.getTime() + 7 * 8.64e7
        }
        return false;
    },
    onPick: (dateRange) => {
        // console.log("###onPick:"  + JSON.stringify(dateRange))
        this.startDate = dateRange.minDate
        this.endDate = dateRange.maxDate
    }
},

相关文章

网友评论

      本文标题:el-date-picker限制开始结束日期

      本文链接:https://www.haomeiwen.com/subject/ngjalftx.html