el-date 传参控制可选范围
时间: 2023-08-07 12:06:57 浏览: 77
el-date是Element UI中的一个日期选择器组件,可以通过传递一个可选范围对象来控制可选日期的范围。可选范围对象包含一个start和end属性,分别表示可选日期的起始和结束日期。
例如,如果我们想限制可选日期范围为当前日期到未来7天,可以这样传递参数:
```
<el-date-picker :picker-options="pickerOptions"></el-date-picker>
```
在Vue实例的data属性中定义pickerOptions对象:
```
data() {
return {
pickerOptions: {
disabledDate(time) {
const today = new Date();
const weekLater = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 7);
return time.getTime() < today.getTime() || time.getTime() > weekLater.getTime();
}
}
}
}
```
在上面的例子中,pickerOptions对象中有一个disabledDate方法,用于判断某个日期是否可选。在方法中,我们首先获取当前日期,然后计算出未来7天的日期,最后判断传入的日期是否在这个范围内。如果在范围内,返回false表示可选,否则返回true表示不可选。这样就可以限制可选的日期范围了。