element 时间日期选择器限制选择范围为7天

1、template部分

2、data配置项

data (){return {time: [],dateType: 'datetimerange',dateFormat: 'yyyy-MM-dd HH:mm:ss',choiceDate: null,//重点pickerOptions: {onPick: ({ maxDate, minDate }) => {// 把选择的第一个日期赋值给一个变量。this.choiceDate = minDate.getTime()// 如何你选择了两个日期了，就把那个变量置空if (maxDate) this.choiceDate = ''},disabledDate: time => {// 如何选择了一个日期if (this.choiceDate) {// 7天的时间戳const one = 7 * 24 * 3600 * 1000// 当前日期 - one = 7天之前const minTime = this.choiceDate - one// 当前日期 + one = 7天之后const maxTime = this.choiceDate + onereturn (time.getTime() < minTime ||time.getTime() > maxTime ||// 限制不能选择今天及以后time.getTime() > Date.now())} else {// 如果没有选择日期，就要限制不能选择今天及以后return time.getTime() > Date.now()}}}}
}

（完）

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！