element ui plus el-date-pictoe 禁止当前日期之前的时间
时间: 2023-08-16 07:08:36 浏览: 152
element-ui 限制日期选择的方法(datepicker)
可以使用`disabled-date`属性来禁用掉当前日期之前的时间。`disabled-date`属性是一个函数,它接受一个参数,这个参数是当前日期对应的 Date 对象。如果函数返回 true,那么这个日期就会被禁用。
以下是一个示例:
```
<template>
<el-date-picker
v-model="date"
type="date"
:picker-options="pickerOptions"
:disabled-date="disabledDate"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: null,
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
}
};
},
methods: {
// 禁用当前日期之前的时间
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
}
};
</script>
```
在上面的示例中,我们定义了一个`pickerOptions`对象,它包含了一个`disabledDate`函数。这个函数接收一个`time`参数,它是当前日期对应的 Date 对象。当`time`所代表的日期小于当前日期之前的日期时,函数返回 true,这个日期就会被禁用。
我们将这个`pickerOptions`对象传递给了`el-date-picker`组件的`picker-options`属性,这样就可以禁用当前日期之前的时间了。
阅读全文